PNG vs. GIF
- Started
- Last post
- 17 Responses
- bigface
Why are png files better for the web than gifs?
- Nairn0
well, why not?
- rasko40
because PNGs are much smaller files and accepted as compliant by ALL browsers as they have been around for MUCH longer, plus PNG's have the facility to be animated. And 'PING' sounds cool "Hey webmaster friend - pong me that ping over on electronic mail old chum teehee"
- jevad0
nonce
- bigface0
Thanks rasko4
- ********0
PNG's also work nicely with Flash
- planet010
it is my understanding that .png files aren't compatible accross all platforms/browsers.
but, maybe i am wrong?
and yes, i use them in flash as well. PNGs work very nicely for transparent images.
- ********0
yeppers nicely transparent with Flash
- madirish0
and above a certain amount of data, the compression alogorithms is much better for .png files. this is a variable though and not always the case.
plus the alpha channel support of type 24 is far better than .gif's
- Mirpour0
i think explorer doesnt like transparent pngs ..messes up the background and u have to use a script to fix it...
- ********0
bottomline, you are better of using GIFs, more compatible.
- madirish0
yes, IE hates png's for yet again a who in the hell knows reason.
i also would love to know why IE has not included .svg support natively or at least include the Adobe Plug-In that has been around for 3 years to do this. maddening...
- bigface0
everytime I try to use a GIF, there is a white outline around my image. What am I doing wrong when I save it for the web?
- rasko40
you need to check 'matte' in your export palette, and use the same colour as your background.
- monNom0
.png's can be animated? since when? and how?
- grafholic0
.png has issues with IE and not necessarily all-browser compatible yet.
it handles transparency which .gifs don't. (but you can now do this with CSS opacity anyway..)
- rasko40
my post was a joke in case you people actually believe a single word of it.
- spiralstarez0
A good outline of the difference between png and gif.
http://homepage.ntlworld.com/bob…
BOTH support transparency, but png supports variable transparency, gif transparency is either fully opaque or transparent for every pixel.
If you don't want to use the script, you can also use switcher rules to supply different images to IE and other browsers
html>body .element {
background:png for good browser
}.element {
background:gif for shitball IE
}IE can't understand the first rule and reads the second.