Flash and PNGs

Today I am going to show you another way of using flash in your pages.
I do not use flash that often but for my latest website (www.sirenamurano.com) I really needed a solution to manage big sized PNGs.

Let’s take the girl image for example: it’s a 271.31 kB PNG image, definitely too big, keeping in mind that it is always wise to keep the whole size of the website small for faster browsing.
So I came up with this solution: I used flash to optimize the PNG and produce a SWF file that is nearly six times smaller than the original. Then I implemented the SWF in the page via the SWFobject; if the browser has not the flash player installed the original PNG is shown as an alternative content. In this case the pngfix for IE6 is needed of course.

So this could be a good method to get a crossbrowser compatibility as well, a kind of ‘the progressive enhancement’ concept;
the browser has the flash player –> show the content with flash;
the browser has not the flash player –> show the alternative content;
the browser has not the flash player and is IE6 –> show the alternative content.

This entry was posted in copy&paste, flash, web design and tagged , , . Bookmark the permalink.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>