This demonstrates the fixiepng.htc PNG fixup under a variety of scenarios: images with links, borders, padding, margins, vspace, hspace, floats, and/or scaling. To facilitate before-and-after comparisons and to help verify that the image position is preserved, there are four sets of identical demo code, two of which have the PNG fix applied and two of which do not.

Note that, unlike other PNG fixes, the image context menu is preserved: you can right-click on an image to copy, save, e-mail or print it.

Fixed Not Fixed
left-floated image right-floated image

PNG transparency test scaled spaced image

Scaled inline scaled link image link test

Lorem ipsum dolor sit amet, consectetur adipiscing elit.
scaled link image with padding scaled image baseline unscaled link image unscaled image with spacing text

left-floated image right-floated image

PNG transparency test scaled spaced image

Scaled inline scaled link image link test

Lorem ipsum dolor sit amet, consectetur adipiscing elit.
scaled link image with padding scaled image baseline unscaled link image unscaled image with spacing text

Not Fixed Fixed
left-floated image right-floated image

PNG transparency test scaled spaced image

Scaled inline scaled link image link test

Lorem ipsum dolor sit amet, consectetur adipiscing elit.
scaled link image with padding scaled image baseline unscaled link image unscaled image with spacing text

left-floated image right-floated image

PNG transparency test scaled spaced image

Scaled inline scaled link image link test

Lorem ipsum dolor sit amet, consectetur adipiscing elit.
scaled link image with padding scaled image baseline unscaled link image unscaled image with spacing text

Back...