Robots Rule | MindSculpt.net

New media has met its match.

The MindSculpt Design Syndicate focuses on code that works, from CSS, XHTML and JavaScript tips and tutorials to Flash and ActionScript how-to's. Robots not included.

Flash Rich Media Banner Optimization Guidelines

Michael Becker

Michael has humbly acquired extensive design experience across multiple industry disciplines during his career in new media. In addition to his passion for web and Flash development, he has an uncanny penchant for zombies and robots. Let's be honest, who doesn't?

If you’re a Flash developer, at some point in time you’ve had to build and optimize rich media banners for your clients.

Establishing a consistent workflow and following some simple guidelines is the key to success in banner optimization. Most of these techniques are basic and common knowledge to seasoned developers, but should be a great starting point for novice to advanced programmers.

Although not meant to be a definitive list, I’ve found the following steps work well when optimizing rich media banner units:

1. Always request specs for file size before development begins:

  • Banner dimensions
  • File sizes
  • Frame rate
  • Player version

2. Polite downloads (when available): is 30-40k initial, 70-100k additional (client specs may vary)

  • Base .swf should be the 30-40k max, and the additional content should load in via a second .swf

3. If you are doing simple animation, use TweenNano instead of TweenMax when programming dynamically to save a few k

4. Recreate assets in vector whenever possible, unless it is a complex vector, then it may make sense to import the asset as a bitmap

5. Combine images whenever possible

6. Remove all complex bitmap filters from bitmaps in Photoshop, and replicate them with Flash’s filters using the Properties menu (you’ll need to convert all bitmaps to MovieClips before you can apply a Flash filter)

7. Only include the text characters you are using when embedding fonts in dynamic text fields

  • Occasionally it makes sense to flatten text into bitmaps (even though this is bad practice) to get the files under spec

8. Under publish settings, do the following:

  • Set the target Flash player to the version spec’d out by the client
  • Change bitmap compression settings as needed (individual bitmap settings may need to be enforced as necessary)
  • Check Omit trace actions (occasionally knocks off a few k)
  • Check Generate size report to review asset weight in your .fla and allow you to locate and resolve problem areas contributing to file size overages

Following these guidelines should keep you out of trouble. If you’ve found any other tips that have worked well for you, please let me know and I’ll update the list. Enjoy.

Share this post:
  • Twitter
  • Facebook
  • del.icio.us
  • Digg
  • LinkedIn
  • Reddit
  • StumbleUpon
  • Technorati
  • Google Bookmarks
  • Yahoo! Buzz

Category: Flash AS2, Flash AS3 | Tags: , , , , ,

One Response to “Flash Rich Media Banner Optimization Guidelines”

  1. Kevin

    I’ve also noticed that unchecking “Include XMP metadata” can save a few K, and if you don’t need Flash 8 or above, publish to Flash 7 which will also drop the file size.



Leave a Reply



Back to top