Compressing images to improve navigation on your blog or website

Compressing images to improve navigation on your blog or website

Owners of websites or blogs who want to have content accessible to everyone, always need to worry about the weight of their pages. Very heavy pages end up making life difficult for people with slower connections, many of these people end up not accessing the site in question. Which in turn, can also lose many accesses. It’s a bad deal for everyone.

We made a list with some tools, which can help you save some KB when creating the images for your website. Which are as follows:

tinypng.com

Despite the name, tinypng is capable of working with the «.png» and «.jpg» formats. The service uses a lossy compression technique, which greatly reduces the size of your images, but can also cause loss of quality.

In my tests, an image with 2.1MB, after the compression process on the site, was 700KB. Whether or not the loss of quality will be noticeable or acceptable depends a lot on the image itself. It can happen that one image is of a very bad quality after compression, while the other is identical to the original. That is, each case is different.

You can access the tinypng clicking here.

ImCompressor

ImCompressor is a lossless image compactor. That is, it is able to compress your images without causing any loss of quality. But of course, this comes with a price. The decrease in image size after being compressed by ImCompressor is generally much less. By my tests, varying around 2%.

ImCompressor is developed in Python and GTK, and has a layout fully integrated with GNOME Shell. Its use is also a strong point, being extremely simple and intuitive.

The ImCompressor is available for installation in the Flatpak format, and can be found at Flathub.

Linux Mint comes with flatpak support, and Flathub enabled by default, so ImCompressor can be installed directly from the app store. If you are using another distro, and don’t know how to install flatpaks, check out our tutorial about how the subject.

After Flatpak is installed, if you haven’t already done so, add the Flathub repository with the command below:

flatpak remote-add --if-not-exists flathub https://flathub.org/repo/flathub.flatpakrepo

GIMP and the .webp format

One of the best ways to save or convert image files to the internet, which are small in size and of good quality, is through GIMP, using the “.webp” format. In fact, it is this method that I use in all images of my posts here on the Diolinux blog.

To save files in .webp format using GIMP, follow the instructions below:

As shown in the image below, create a layer group (1), and drag all layers of your project into this group (2). Before exporting, make sure that the item selected in the layers tab is the group, not one of the layers within it (3).

Click in «Archive«, and after that «Export as”. Name your image and add the extension “.webp”. Click in «Export”, Select the image quality, click“Exportsr ”again, and you’re done.

The GIMP can be found at Snap, Flatpak, and also in the repositories of all major distros. Another excellent idea, especially for those people used to Photoshop, is to use the PhotoGimp.

If you don’t know, or don’t know how to work with the format Snap, this tutorial will remove all, or almost all of your doubts.

Software with the objective of compressing images exists a lot on the internet, and it is obvious that many of them would be left out of this matter. Then «we pass the ball» to you in the comments. Tell us if you use any of the aforementioned software, or know better ones. Perhaps your suggestion will not yield another article related to the subject in the future.

Do you like Linux and technology? Have a question or problem that you can’t solve? Come be part of our community in Diolinux Plus!

It’s all personal for today! ?


Have you seen any errors or would you like to add any suggestions to this article? Collaborate, click here.