How & Why to Optimize Image Size

SMS Text

Images are a great way to make your content more engaging and interactive. Unfortunately, in an effort to make your pages more appealing, webmasters often forget about the size of the images and the page load time. Taking care of the image size, you:

Here are a couple of simple tips to optimize your images without (almost) any loss of quality:

1. Photoshop "Save for web" option:

I am no Photoshop professional, I only use its most basic features to beautify my screenshots but I love this option: image optimization for web. After you are done with editing your image, just:

  • Click "Save" and then select "Save for web" (or use "CTRL+Alt+Shift+S" shortcut);
  • Choose the image quality (based on the image size you want to achieve) – mind that the image quality is satisfying while you are adjusting the size.

Photoshop: image optimization

2. Use Simple Web-Based Tools

Smush.it is a web based tool (as well as a FireFox addon) that optimizes images right within your favorite browser:

It uses image format specific non-lossy image optimization tools to squeeze the last bytes out of your images – without changing their look or visual quality.

Its best features include:

  • Upload images in a bulk and download the zipped folder of all of them;
  • Upload images right from the URL.

Smush.it

Image Optimizer is another option to use. It allows to choose the optimized image extension, but the visual quality of the optimized image seems to be higher with Smush.it tool.

Ann Smarty

Ann Smarty

Brand amd Community Manager at Internet Marketing Ninjas
Ann Smarty is the blogger and community manager at Internet Marketing Ninjas. Ann's expertise in blogging and tools serve as a base for her writing,... Read Full Bio
Ann Smarty
Subscribe to SEJ!
Get our weekly newsletter from SEJ's Founder Loren Baker about the latest news in the industry!