Flash Tutorial – Reducing SWF file size (How To)
How to reduce swf file sizes: Written by Paul Bainbridge – Innovative Designs
Replace images for vectors wherever you can.
Import images dynamically if vectors is not an option.
Reduce publish settings for images..
Do scripted movement rather than tweens… puts pressure on processor rather than file size to the swf.
You can also simplify your vectors by using the optimise option.
Use symbols for repetitive graphics.
Reduce frame rate and shorten tweens.
Sometimes (depending on the font) you should break apart the font to make it a vector then you’re not importing the font, just drawing a simple shape. This does depend on the font, and how often characters are repeated.
You can opt to use device fonts for body copy.
Make sure PNG’s are close cropped because believe it or not that transparent space actually ways something.
Generate a size report from your publish setting to see where the weight lies in your file.
Delete any stray or inappropriate key frames because this is causing a redraw.
A motion tween can often be heavier than a shape tween… because motion tweens don’t do anything mathematical the compiler actually converts them to individual key frames.
All masks and hit areas can be done with one square transparent symbol that you use throughout your FLA.
Then beyond that its tricks you use to give the illusion of an object but with optimising in mind…
i.e. if you have a symmetrical bitmap, save half of it out from Photoshop then flip it to make the whole graphic.
Similarly flipping graphics to get the opposite action rather than having to different graphics.
If you’ve got any bitmaps that are silver, save them as greyscale.
Make use of tint and other advanced colour setting for symbols rather than recreating graphics.
It’s endless really… but depends on the job.
Paul Bainbridge
Author: Doug Banks (94 Articles)
Hi, my name is Doug, Creative Director at Pixel Design Studio. I have over 10 years experience in project management and the designing and building of websites. I am proficient in XHTML, HTML5, CSS, jQuery, JS, PHP, ASP.NET and Flash development.
6 Comments to “Flash Tutorial – Reducing SWF file size (How To)”
Leave a Reply
Search Blog
Latest Blogs
Popular Blogs
The Cloud
advertising adwords affiliate marketing article marketing awards backlink backlinks blog blogging blogging software blog posting software blogs blogs bloging blog software business design design awards free keyword software free keyword tools google adwords home business infographic internet marketing internet marketing strategies internet marketing strategy internet marketing tools keyword software legal website Link Building Make money online make money on the Internet marketing Online Marketing Search Engine Optimization SEO seo techniques traffic generation traffic generator web Web Design webmaster website and the law websites website traffic work at home
WP Cumulus Flash tag cloud by Roy Tanck and Luke Morton requires Flash Player 9 or better.
A great bit of info there Paul, thanks.
This is a wonderful resource for anyone who has a flash site. Flash sties work nice but often lack something when it comes to usability.
Thanks Paul! Definitely relaying this to a friend of mine who just can’t seem to get it lol.
Hi Paul,
“Import images dynamically”
Thanks for your info here. I am creating an add banner and I have imported three images dynamically. Once saved as SWF file I can see the images but as soon as I upload the SWF and the HTML files on the web, the three images are no longer there!. Do you have any idea of what do I need to do? Do I need to upload the images separately as well?
Many thanks!
Laura
Wow, great tutorial. This is definitely going to help lots of people who are clueless about this, like a friend of mine.
It is probably the first time (I believe) that I surf on this awesome web site, and it seems fantastic for now.