Optimization of photos of items in your shop with Gimp

We saw in our previous post , it was necessary to rework your photographs to get a quick loading of pages on your site ecommerce and so navigation is more fluid. We also saw how to use the software to do this Xnview.

We will see here how to rework your images for one of your pages load faster using the free software and free to use: Gimp. You can download a version optimized and Frenchified software (click download).
After you download and install The Gimp, we will get a PhotoLabo utility, which allows for resizing for a set of images: FileResize .

Download the file: Fileresize Fileresize 7zip or tar.gz, extract it.

Then copy the file: photolab_fileresize.py in the plug-ins folder of your software Gimp (C: Program FilesGimp Modelibgimp2.0plug pack-ins).

Launch your software Gimp.
To start the automatic resizing of a set of pictures, go to the window, toolbox, menu: Xtns -> Photolab -> Resize Images

Select the folder containing your photos to resize and to have the maximum size for the width or height and click OK:

Gimp will create a folder in your file Scaled photo and insert it will resize the photos.

Note for users of Magento :
I suggest you rename the directory each time depending on the size you selected (three image sizes are required for Magento), eg Base600 × 600. This will allow you when inserting directly in Magento to know which photo you insert.

Testing the gain obtained:

To give you an idea of ​​the gain you can expect this transaction, we will use the same photo as Xnview:

We get a picture of 855 x 2304 pixels and a resolution of 230 dpi, which gives us a file with a size of 717 kb.
After passing through the conversion system FileResize, we get an image of 222 x 600 pixels, which gives us a file with a size of 11.7 kb.

Conclusion:

• With Gimp, the reduction is somewhat larger than Xnview (11.7 kb instead of 14 kb).
• For display on an ecommerce site the difference between an image before and after scaling, is not or hardly visible.
• The increase in display time is very important when multiple images are used for product display your ecommerce.

In future articles we will see how to insert pictures into your ecommerce software: Prestashop and Magento.

Articles on this topic:

1. Optimizations photos with Xnview to integrate them into your online store Please sign up for RSS feeds do not miss article.1ère Step: Preparation of photos to incorporate into your ecommerce store we saw in our previous Ticket: How to optimize photos product sheets ...
2. How to optimize the pictures of your ecommerce product info One of the tedious work when designing an ecommerce site is that for the same photo of a product you need to resize it and decline in different sizes. The software will then use this size of picture to display thumbnail ...
3. How to prepare for creating your online store with Magento or Prestashop Feel free to sign up for RSS to not miss any article.Vous want to engage in and develop an ecommerce online store, two possibilities you: You already have a business and want to develop your ...