The Save for Web Command

Both Adobe Photoshop and Adobe Photoshop Elements offer the awesome Save for Web command. 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 Adobe’s Save for Web command:

Create your image.
Choose File > Save for Web. The Save For Web window appears.
In Photoshop, click the 2-up tab to see one optimized version or the 4-up tab to see three. Photoshop Elements always shows a single alternative.
Click an optimized version, if necessary.
Choose the desired format. In general, images that have been created on a computer, including logos, banners, line art, text, and any graphic ...

Get HTML, XHTML, & CSS, Sixth Edition: Visual QuickStart Guide now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.