How To: Use Photoshop Save for Web feature to compress images

Use Photoshop save for web feature to compress images the right way. This tutorial will show you how to use photoshop to optimize your images for  the web.

Adobe Photoshop already offers the most best features for image compression so there is no need for you to look for other online compression utilities on the internet.

For demonstration of this tutorial, i am using the Adobe Photoshop software. If you don’t yet own Photoshop, then i recommend you to buy one right now by visiting this link.

So lets get on with showing you Photoshop save for web feature to compress images efficiently.

Step 1: Open Photoshop and then open any image that is saved on your Hard disk.

Step 2: Click File from the Menu and then click on Save for web. Now you will get a new box. You might notice a different box if you are on older versions of Photoshop.

Step 3: For demo purpose i used a JPEG image. As you can see, Save for web automatically uses the optimal settings for optimizing your images, but you can go one step ahead and compress it much further to reduce your image file size considerably, and still maintain a decent picture clarity.

Best settings for JPEG type image

Preset: JPEG Low

Quality: 10 (the lower the number, higher the compression)

In the Image size box down below, select Quality as Bicubic. To shrink it further, you can also go for Bicubic Sharper but sometimes this resampling method gives you a pixelated image, so make sure you try the settings a few times to know which suits you the best.

You can also resize the image by adjusting the width and height dimensions.

Finally make sure you also check the Optimized checkbox to produce desired results.

You can see how much compression you have obtained by checking out the image file size, given just below the image.

If you think everything has been set, click the Preview button to check out the how the final image will look like. Time to hit the Save button and make the changes permanent.

Best Settings for PNG type image

Preset: PNG-8 128 Dithered

Color reduction algorithm: Selective

Dither algorithm: Diffusion

Dither: 88%

Transparency enabled

Image resampling method: Bicubic

Thats it! This method is specifically very helpful for Bloggers as they can save a huge amount of bandwidth and also serve their visitors a consistent page experience.

If you had like more such image optimization and Photoshop tutorials, do subscribe to our newsletter.

Subscribe to our Weekly Newsletter

I take your privacy very seriously

Leave a Reply

Your email address will not be published. Required fields are marked *

Notify me of followup comments via e-mail.