Photoshop Tip: How to Optimize a JPEG for the Web

Photoshop for Web US.qxd:Photoshop for Web US

With Adobe Photoshop, there are a number of ways you can optimize a photo for the web. In this tutorial, taken from our Photoshop for the Web training course, Photoshop guru Andy Anderson shows you some basic steps you can take to ensure your images are ready for use online. Here are some key steps to remember:

 Step 1: Go to Image – Mode and make sure the image is set to RGB.

Step 2: Size the image.  A 4×3 ratio is common for the Internet; 800×600 pixels is a 4×3 ratio. You can go to Image – Size and manually change the width and height to 800×600 pixels.


 Step 3: Go to File – Save for Web, and move to 4-Up view. Inside this window, you’ll want to save the image as a JPG. With 4-Up, you can look at the images and make a conscious decision on which image you like best, based on the way it looks. If you need to make the image smaller, you can edit the quality (a typical number is 30%). You also have an optimize option and a blur option (which helps with JPG compression).


If those options aren’t enough and you still need to get the image smaller, you can go back to the photo and play around with the vibrance, saturation and contrast, lowering each of these options until you’ve reached an appropriate size to save the image as a JPG for the web.

Here’s the entire lesson from Chapter 6: Prepping Photos for the Internet, from our Photoshop for the Web tutorial series.



Save $50 when you sign up for an annual Learning Library account Learn More