Adobe Photoshop JPEG Compression in 60 Seconds
Save For Web is a feature of later editions of Adobe Photoshop that lets us balance size and quality to get the best resulting image.
Save For Web won’t change your original image and by using the 2up, 3up and 4up options, you can compare your changes to your original, immediately.
Quality options will let you change the amount of pixels sampled and is set to Bicubic by default. Ticking sRGB will show you how your colours will look on the net and likewise, under Preview you’ll see your picture as it might look with other monitor settings, letting you make adjustments accordingly.
Quality goes from Maximum, with no visible distortion, to low, which generally creates a lot of messy areas called artefacts. Once happy with your picture, you can see a Preview in a web browser and then save with the option to rename your file something more web friendly.
Learn more about JPEG Compression on Tuts+:
- How to Export JPGs for the Web from Adobe Photoshop Lightroom - In this tutorial, Andrew Childress shows you how to export web-ready images from Lightroom with the best results
- Facebook JPEG Compression: How to Get the Best Image Quality on Your Timeline - In this tutorial, I look at why Facebook images always look overly compressed and the best way to combat that.
- Save For Web: Better JPEG Compression with Adobe Photoshop - A more in-depth look at the Save for Web feature.
This is part of a new series of quick video tutorials on Tuts+. We’re aiming to introduce a range of subjects, all in 60 seconds—just enough to whet your appetite. Let us know in the comments what you thought of this video and what else you’d like to see explained in 60 seconds!