1. Web Design
  2. Fireworks

Fireworks Pro Series: Optimizing Images for the Web

Read Time:2 minsLanguages:
This post is part of a series called Fireworks Pro Series.
Fireworks Pro Series: Working with Flash Catalyst
Fireworks Pro Series: Batch Processing

If you've ever wondered about the best possible way to save images for the web, this is going to interest you! In today's addition to the Fireworks Pro Series, we're going to look at image optimization in Adobe Fireworks.

Image Optimization in Adobe Fireworks

One of the best features in Fireworks is the comprehensive "Save for Web" feature that has been layered throughout the entire interface of the program. Unlike Photoshop, where saving images for the web is somewhat limited, Fireworks gives you a vast set of tools to refine your web images. Better yet, because Fireworks has been created for web designers specifically, you'll notice a smoother workflow when it comes time to chop or slice your design into code-ready images!

Even if you've used Photoshop for a site design, using Fireworks for your web-image creation will allow you to:

  • Reduce the filesize on web images (up to 40% over Photoshop)
  • Access comprehensive tools for tweaking the image settings
  • Create independent, transparent .PNG slices
  • Create PNG8's with full transparency
  • Use the powerful 4-Up view for saving images

Here's the video - I'll let Tom take it from here:

About the Author

Tom Green is a professor of Interactive Multimedia through the Humber Institute of Technology and Advanced Learning’s School of Media Studies. Like all faculty in the program, Tom believes his students deserve to be taught by instructors who are regarded as experts in their field and whose knowledge of their subject is current with industry best practice. He is an Adobe Community Expert, Adobe Education Leader (Post Secondary), Community MX partner and was listed in Adobe's Top Ten Most Influential Flash Designers.

Tom has written several books (9 in all!) and extended tutorials on the topic of Fireworks and web design over the last 7 years, so he's a natural fit to guide us through this incredible program. After this introduction, Tom will be guiding us through the wonderful world of Fireworks with several video tutorials. Alright, now that you know a bit about Tom, let's dig in!

About the Fireworks Pro Series

If you've been wondering about what makes Fireworks tick for a while, this "Session" is being recorded for you!

We're amassing quite a few tutorials for everyone from the beginner to the expert, so be sure to check out our entire library of Fireworks tutorials.

If you have a particular request or question about using Fireworks for web or app design, post it in the comments section along with any of your other thoughts!

Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.