Somewhat related posts
- Smush.it presentations
- php|works Atlanta
- ppt to pdf to slideshare via imagemagick
- php|works and pyWorks
- Installing pngcrush at dreamhost
phpied.com
Stoyan's blog about (x)html, ajax, bookmarklets, browsers, css, firebug, javascript, json, mdb2, mysql, pear, performance, php, phpbb, tools, yslow, yui, writing, music,... life and everything.
-
Object-Oriented JavaScript
My new book is out now! Wo-hoo! 10% off at the publisher's site or Amazon
June 26th, 2008 at 3:17 pm
[...] Good content on image optimization from Stoyan Stefanov, something most people often forget. We have a build system that does this automatically, but we should also have something in there to make sure we use PNG8s instead of GIFs whenever possible. Added to my TODO list. [...]
June 27th, 2008 at 1:20 am
[...] 资源链接：原文，原PPT，译PPT [...]
June 27th, 2008 at 9:50 pm
Interesting stuff - those are certainly some big numbers. Doesn’t setting an expires: time far in the future for static images reduce the gains you’d get from turning your gifs into pngs? Also, I suspect that the page weight for YouTube doesn’t include the easy-to-overlook contribution of the video file…
June 28th, 2008 at 10:00 am
Thanks! Useful presentation!
It says though that PNG8 supports alpha transparency, is that true?
June 28th, 2008 at 11:02 am
Hi Lea, thanks. PNG8 does support alpha transparency. Full alpha in Firefox, Opera, Safari, IE7+ and GIF-like transparency in IE6 and earlier
You can check this article, pretty useful stuff http://www.sitepoint.com/blogs/2007/09/18/png8-the-clear-winner/
Unfortunately, I don’t think Photoshop allows you to do this, but Fireworks does.
Jake, Expires header does help, but as Yahoo research shows empty cache experience happens more often than we think, more specifically 20% of all page views and 50% of all page visits http://yuiblog.com/blog/2007/01/04/performance-research-part-2/. About youtube, I don’t know, I looked at the pies in YSlow stats. The FLV is streamed, so maybe it’s not included, because YSlow/Firebug cannot tell the size of streamed stuff.
June 29th, 2008 at 10:17 am
PNG8 doesn’t support animations, does it? well, I almost never use them, i’m just interested in it.
June 29th, 2008 at 11:39 am
Thanks so much!
I never thought it was possible because Photoshop’s & Illustrator’s Save for Web only allow alpha transparency for PNG24s.
June 29th, 2008 at 3:11 pm
Hi Boštjan, PNG animation do exist (here: http://www.libpng.org/pub/png/png-sitemap.html#animation, but it’s not widely supported, so you do need gif when you want to do animations
June 30th, 2008 at 4:00 am
[...] Stoyan from Yahoo! presents some surprising facts. [...]
June 30th, 2008 at 4:01 am
[...] Stoyan from Yahoo! presents some surprising facts. [...]
July 14th, 2008 at 5:02 am
[...] Stoyan Stefanov, de l’équipe Performance de Yahoo! a donné une présentation fin juin sur l’optimisation des images. J’ai déjà parlé de plusieurs choses, il en rajoute d’autres, avec des chiffres percutants et des explications concices. [...]
July 16th, 2008 at 5:01 am
[...] Je vous avais rapidement parlé de pngcrush pour optimiser les images PNG, sans aucune perte de qualité. Stoyan Stefanov nous propose jpegtrans dans sa dernière présentation sur l’optimisation des images. [...]
September 4th, 2008 at 11:52 pm
[...] online image optimizer, using the free command line tools I talked about at PHP Quebec, Montreal, O’Reilly’s Velocity and the Yahoo! Performance pages. The tool will be free, of course, and hosted on Dreamhost. OK, [...]