I have this project that displays a big list of transparent pngs. I use Cloudfront and ImageResizer to serve up my images:

media.mysite.com/Images/imageA.png;w=170

Now here is my pickle.

imageA.png is ~220kb --> After tinypng.org --> ~87kb / ~62% reduction

I have access to png "compression" libraries like that, but the problem is that the ImageResizer bumps the size back up to full (without compression)

imageA.png;w=170 is ~90kb --> After tinypng.org --> ~20kb / ~62% reduction

So even if I run my imageA.png through tinypng.org, then apply the ImageResizer resizing, I loose the png compression. And in the end this makes my page heavy.

(I do think about a workaround to load my images asynchrounously.)

So I'm wondering is ImageResizer can do this png compression "on the fly"?

I'm reading about http://imageresizing.net/plugins/prettygifs but I'm not sure I understand how it works.

Thanks!