How to optimize images for your website (reduce file size)

This tutorial will show you step by step how to optimize images for your website or blog without losing much quality.

With optimizing images, I mean reducing the file size of images (e.g., from 160kb to 40kb).

This tutorial will work on Windows, macOS, and Linux computers.

But first:

When you own a website then it's important that your site loads as fast as possible.

But:

If the pages on your website have images on it, then those images will cause your pages to load slower – especially if they're not optimized.

That's why it's a good idea to optimize images for your website.

Images with a smaller file size load faster and faster loading pages can help in higher rankings in search engines, like Google, Bing, and Yahoo and higher rankings means more visitors on your site.

And:

If you keep the file size of your images as small as possible, then you will also reduce the mobile internet data usage of your visitors.

And now:

How to optimize images for the web without losing much quality

1. Resize images

First, you will have to resize the images to the maximum width of your website's content area or smaller.

For example, if the width of the content area of your website is 600px, then you should give the images that are larger than 600px a width of 600px or smaller.

There are many ways to resize images. You can use Adobe Photoshop, GIMP, PhotoFiltre, or any other photo editor.

You can find a good tutorial about resizing multiple images at once in Windows (without using third-party software) on EasyTechGuides (link opens in a new tab).

2. Online image optimization tools

Online image optimizers use smart lossy compression techniques to reduce the file size of images.

Three examples of free online services for optimizing images are:

In this example, we'll be using TinyPNG because it's the online tool I always use.

1. Go to tinypng.com.

TinyPNG is a free online service that uses smart lossy compression techniques to reduce the file size of your PNG and JPG (JPEG) images.

Note: the free version of TinyPNG allows you to upload up to 20 images with a maximum file size of 5MB each at once, so if you have more than 20 images you will have to repeat this process a few times.

2. Click on the Drop your .png or .jpg files here! area.

tinypng add images

3. Go to the location on your computer where the JPG or PNG images are stored you want to optimize.

4. Select the images and click on Open.

TinyPNG will now optimize your images.

5. When TinyPNG is done, you click on the Download All button located below the optimized images.

6. Your images will now be downloaded in the form of a zip file.

Depending on your web browser settings, you might need to select a location on your computer where you want to save the .zip file and then click on Save before the download begins.

7. Unzip the zip file to extract the images.

The images are now already optimized.

But:

You can optimize them even more by using image optimization tools.

3. Image optimization tools

Image optimization programs can optimize your images even more.

3 examples of free image optimization programs are:

FileOptimizer

You can download FileOptimizer here.

Tip: Create a copy of the original images before compressing. This helps if there are errors or quality loss.

1. Open FileOptimizer.

2. Click on File located at the top left and choose Add files.

3. Go to the location on your computer where the images are stored you want to optimize.

4. Select the images and click on Open.

FileOptimizer will now load your images.

5. Click on Optimize located at the top left and choose Optimize all files.

FileOptimizer will now optimize your images.

FileOptimizer will replace the files with their optimized versions.

ImageOptim

You can download ImageOptim here.

Tip: Create a copy of the original images before compressing. This helps if there are errors or quality loss.

1. Open ImageOptim.

2. Click on the [+] button located in the bottom left corner.

3. Go to the location on your computer where the images are stored you want to optimize.

4. Select the images and click on Open.

ImageOptim will now load your images and automatically optimize them.

ImageOptim will replace the files with their optimized versions.

Trimage

You can find download and installation instructions for Trimage here.

Tip: Create a copy of the original images before compressing. This helps if there are errors or quality loss.

1. Open Trimage.

2. Click on the Add and compress button located at the top left.

3. Go to the location on your computer where the images are stored you want to optimize.

4. Select the images and click on Open.

Trimage will now load your images and automatically optimize them.

Trimage will replace the files with their optimized versions.


Maybe you're also interested in:

How to resize multiple images at once in Windows 10

How to burn photos to CD or DVD on Windows without any software

How to make part of a picture blurry