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.

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 total maximum file size of 5MB 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.

Upload images to TinyPNG

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 special programs.

3. Image optimization programs

With the following programs you can optimize your images even more:

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 Trimage in the Ubuntu and Linux Mint software centers or you can install Trimage through the Terminal using the following command line:

sudo apt-get install trimage

You can find more 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