Saving Your Images

Now that you have your images created, it’s time to save them. This process is a balancing act between the visual quality of the image and its file size.

You can use trial versions of Photoshop and Fireworks if you don’t have the software installed on your computer.

Adobe Photoshop

Photoshop offers the Save for Web & Devices command on the File menu. It lets you visually compare the original image with up to three versions that you can optimize while keeping an eye on any resulting savings in file size and download time.

To use Photoshop’s Save for Web & Devices command

1. Open Photoshop and create your image. Or open an existing image, and prepare it for publishing by cropping, sizing, and editing it.

2. Choose File > Save ...

Get HTML5 and CSS3: Visual QuickStart Guide, Seventh Edition now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.