High resolution images penalizing your website/blog’s loading time?
Looking for ways to make those images small in size while retaining the quality and transparency?
Here is the best and most effective approach to achieve this
- Open the image file in Adobe Photoshop.
- Go to the file menu.
- Click on Save for web and devices option.
- If your image has transparency, select the file type as png-8 or png-24 or gif.
- For png-8 and gif, select the color t mode as adaptive or selective; dither and transparency to diffusion.
- You may try noise or pattern also for transparency.
- Select the number of colors appropriately (Select the one which gives best quality and least size).
- Otherwise, for non-transparent image, select jpg.
- Move the quality slider leftwards from 100 till you don’t see any reduction in quality.
- Modify the image size if required and select the sampling mode as Bicubic sharper.
- Click on save and you are done!
The size of the image can reduce by a factor 10 with this method, with the same quality!
I recommend to use this method for every image, whether small or big.