You are here:About>Business & Finance>Graphic Design> Tutorials & Tips> Photoshop Tutorials> Photoshop Save for Web Tool - How to Use the Photoshop Save for Web Tool
About.comGraphic Design
Newsletters & RSSEmail to a friendSubmit to Digg

How to Use the Photoshop Save for Web Tool

From Eric Miller,
Your Guide to Graphic Design.
FREE Newsletter. Sign Up Now!

Web-Ready Graphics

As a graphic designer, you may often be asked to deliver web-ready images, such as photos for a web site or banner ads. The Photoshop “Save for Web” tool is a simple and easy way to prepare your JPEG files for the web, helping with the trade-off between file size and image quality.

NOTE: For this tutorial, we are looking at saving JPEG images. The Save for Web tool is also built to save GIF, PNG, and BMP files.

What Makes a Graphic “Web-Ready?”

  • Resolution is 72 dpi
  • Color mode is RGB
  • Generally reduced in file size for faster loading web pages
  1. Web-Ready Graphics
  2. Open an Image
  3. Open the Save for Web Tool
  4. Set Up the Comparison
  5. Set the Original Preview
  6. Set the Optimized Preview
  7. Edit the JPEG Quality
  8. Save Your Image

Previous | Next >>

 All Topics | Email Article | | |
Advertising Info | News & Events | Work at About | SiteMap | Reprints | HelpOur Story | Be a Guide
User Agreement | Ethics Policy | Patent Info. | Privacy Policy©2008 About, Inc., A part of The New York Times Company. All rights reserved.