Reduce Image Size

10 Tips to reduce the size of your web images

We all like to have a website with quality images to capture the attention of our readers, right?

If you have a page where you offer services, sell a product or it is simply a blog, you are sure to have dozens of photographs: in the posts, in the static pages or in the product pages, for example.

The main point when talking about the images on a website is not its use or quantity, but its size, and therefore its weight.

For this reason, in this article I wanted to compile 10 tools to reduce the size of photographs on a web page, blog or ecommerce.

Why should you reduce the size of the images on your website?

Before I start talking about each of these tools, I want to explain the importance of reducing the size of your web images.

Today, it is essential that websites are fast, that is, they take a few seconds to load (ideally they do so in less than 3 seconds).

Having correctly optimized web images is important for three reasons:

The size and weight of the photographs affects the loading speed of the website , and we have just seen the importance of your site being fast.

Load time is one of the main factors that affect SEO , that is, a fast web positions better in Google than a slow one (there can always be exceptions, but the general rule is like this).

It is necessary that web images are adapted to the size of the site where they are placed. To give an example, I usually find pages that where an image goes with 300px wide, there is one that occupies 1000px. This is a common error in many web pages. My advice is to adapt each of the images on your website in weight and size.

10 tools to reduce the size of images on a website

1) ShortPixel

The objective of this tool is to improve the performance of our websites by reducing the size of the images.

It is available both in web version and plugin for WordPress and incorporates three types of compression of photos:

Lossy compression – It is the best option for most users. This option allows a balance between optimization and image quality.

Glossy compression –  It is the best option if you are aware of Google Insights, but do not mind sacrificing a bit the speed of the page. This option allows you an acceptable compression for a premium image quality. The quality decreases the more the file is compressed.

Lossless compression – The last option allows to compress pixel by pixel with respect to the original images, but it offers a smaller reduction in comparison with the files processed with the previous two.

Regarding the possibilities of compression, the web version of ShortPixel allows you to reduce images in batches of 50 files.

As for the WordPress plugin, it is very easy to use and also lightweight. You just have to install it and it is really responsible for compressing all the images that you upload, as well as your documents in PDF format with a single click.

In addition, the new images that you upload are resized and readjusted automatically, without the need for any additional action.

Finally, mention that it is a “freemium” tool, that is, it allows you to compress 100 images a month for free and offers with several payment plans if you exceed that figure.


2) EWWW Image Optimizer

It is a tool developed with the objective of optimizing web images directed to sites that use shared hosting.

As in the case of ShortPixel, EWWW Image Optimizer has a web version and also the WordPress plugin, as well as several payment plans.

EWWW Image Optimizer allows you to increase the loading speed of your page by optimizing images.

This speed increase can get better positions in the search engines and also improve conversion rates (increased sales and subscriptions, for example).

EWWW Image Optimizer is responsible for automatically optimizing the images you upload and, in addition, it allows you to optimize all the images that you have previously uploaded and, optionally, convert them to the best file format.

As for the compression options, you can choose the compression by pixels or high compression options without loss that your images lose quality.


3) Compress JPG and PNG

They are two online tools that allow you to compress from your computer up to a maximum of 20 images in JPG and PNG format.

Its use is very simple: you just have to upload or drag and download the compressed images separately or grouped in a ZIP file.

4) Compressor.io

It is one of my favorite tools when I have to compress small amounts of images to upload them to my pages.

It is available in compressor.io and its use is very simple. You just have to upload or drag the image you want to compress, wait for it to be compressed (it takes very little time) and download the optimized and compressed photo.

In addition, at the end of the process, the tool will show you the percentage of compression with respect to the original image.

Finally, mention that it allows you to compress files in four different formats: JPEG, PNG, GIF and SVG.

5) Optimizilla

It is an online image optimizer that uses an intelligent combination with different compression algorithms to reduce the size of images in JPEG and PN format, maintaining its level of quality.

It allows uploading up to 20 images at once, controlling the compression level and also comparing images.


6) WP Smush

It is a WordPress Plugins that I always install in my designs. Its full name is: Smush Image Compression and Optimization.

This plugin is responsible for resizing, optimizing and compressing all your images, both those that have uploads and those that you upload after installation.

In my opinion, the best thing about this plugin is that it allows you to set a maximum width and height for all your images, and those that exceed those dimensions will be automatically reduced as they are compressed.

In addition, it has a paid version with extra features such as compressing more images at the same time or making a backup copy of your original images.

7) Kraken.io

Kraken image optimizer is a tool that is available in an online version and also as a plugin for WordPress and Magento.

It is a compressor and image optimizer whose main objective is saving bandwidth and storage space to improve the loading times of websites.

The plugin allows you to optimize and change the size of the loads of new images as well as uploads.

The types of files it supports are JPEG, PNG and GIF, and the maximum limit of the file size is 32 MB.


8) Imagify Image Optimizer

As in the case of other previous tools, Imagify is available in both a web version and a WordPress plugin.

Its main objectives are three: improve the loading speed of the website, save time in the tasks of image optimization and ensure the quality of these.

The plugin is responsible for compressing and resizing all the images in the WordPress library with a single click, and is also compatible with others such as WooCommerce and NextGen Gallery.


9) Photoshop

To finish my review of these 10 tools to compress images, I am going to talk about two programs.

If you are someone who uses the Adobe software, Photoshop has an option to optimize images that will go on a website.

Specifically, this functionality will be found as ” save for web ” or ” export for web ” and allows you to choose the dimensions, quality and format of the images.

You just have to adjust the image according to your needs and download it, as you can see in this screenshot.


10) RIOT

Finally, I want to talk about RIOT, a program that allows to achieve a balance between quality and size of images.

This tool allows you to check the quality of the compressed version, since its panel is divided into two parts: one zone with the original image and another with the optimized image.

As for the formats, it allows the compression of files in JPG, GIF and PNG, going through the change of size with six different algorithms.

I hope that this review by 10 tools to compress images is very useful and choose the option that best suits your needs. I just have to remind you of the importance of having optimized photos on a site to improve your upload speed and indexing in Google.

Article source

Team Xyling

Making life simpler................

Add comment

Follow us

Don't be shy, get in touch. We love meeting interesting people and making new friends.