3 ms·
Five Tips For the Effective Use of PNG Images
- superchink 18y agoGood tips; but definitely common sense-type stuff. I was expecting a cross-browser PNG transparency article, since that's kind of the real difficulty with PNGs.
- deleted 18y ago[deleted]
- scorxn 18y agoGotta use a div instead of an img, plus some proprietary ie6 CSS. Doesn't validate as posted (needs a touch of browser detection), but you get the gist. div#logo { background: url(logo.png); width: 300px; height: 100px; } * html div#logo { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://domain.tld/logo.png',sizingMethod='scale'); }
- jexe 18y agoIs pngcrush still in vogue, or is there something better these days? That tool was a huge help over the years. http://pmt.sourceforge.net/pngcrush/ http://pmt.sourceforge.net/pngcrush/
- rtf 18y agopngout does slightly more aggressive compression.
- truebosko 18y agoGreat tips, the first one is the one that I didn't know about and wow, now I understand why that happened in IE the few times I saw it!