Get the Best Web Images Out of Photoshop

Sure, you can turn almost any image into a GIF, JPG, or PNG with a simple Save As in Photoshop. But if you instead use Save for Web & Devices, you'll get smaller, better-looking images that are perfect for the Web.
Written by Deke McClelland on February 7, 2010

If you take a look at Photoshop's File menu you'll see a command, about midway down, called "Save for Web & Devices." It's actually two commands. There's the "& Devices" part, which lets you save an image for display on virtually every cell phone except the iPhone. No offense, but if I had to rank this feature, I doubt it'd make my Top 10,000.

But the first part of the command, "Save for Web," that part rocks. It lets you downsample and compress an image for dissemination on the Web. Not to mention jettison all extraneous information and convert the colors to sRGB, the color space of the people. Plus you can compare the Web-optimized image to the original and thereby judge what gets lost in the translation. In other words, Save for Web does everything it can to produce slim, trim, and ultimately beautiful Web graphics.

To learn how to use this feature, which is almost like its own program running inside Photoshop, click on the image below to launch the video in another window.

1

save for the web

Firefox is better for saving images for web use, it produces smaller files and looks just as good as Photoshop

2

Firefox is a browser, Fireworks is an image editor

You mean: "Fireworks", right?

Post a Comment

  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <p> <div> <br> <center> <img> <h2>
  • Lines and paragraphs break automatically.
  • Use <!--pagebreak--> to create page breaks.

More information about formatting options

CAPTCHA
This question is for testing whether you are a human visitor and to prevent automated spam submissions.
Image CAPTCHA
Copy the characters (respecting upper/lower case) from the image.