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
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.
Like our posts? Subscribe for Free. Be up to date with us.
Get our regular feed updates delivered straight to your inbox.
We promise, we won't spam you!
Here is our RSS feed