O'Reilly logo

HTML5 and CSS3: Visual QuickStart Guide, Seventh Edition by Bruce Hyslop, Elizabeth Castro

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

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 ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required