Iedereen kent het probleem wel… een style site met met een repeated body bg en wat shadow effectjes… Dan heb je de meest voor de handliggende oplossingen. Je body background veranderen, je shadows weglaten, je shadows opslaan als transparante gifs óf PNG’s gebruiken.
Even een vlug overzichtje van de grote verschillen tussen GIF en PNG:
- PNG’s hebben een grotere compressie dan GIF bestanden
- PNG heeft meer transparancy mogelijkheden, alpha-channel transparancy is er één van
- PNG heeft een groter kleurbereik dan gif, dus meer kleurprecisie, vloeiendere overgangen, …
- GIF ondersteunt animaties, PNG’s niet
Meeste browsers ondersteunen transparency van PNG’s (mozilla, opera, …) behalve Internet Explorer (IE7 heeft wel png ondersteuning). De oplossing is te vinden op de msdn library, nl. de lelijke AlphaImageLoader filter.