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 thus navigation is more fluid. We also saw how to use the software to do this Xnview.

So we will even here, how rework your images to have a quick loading of your pages by using the free and free to use: Gimp. You can download a version optimized and Frenchified software (click download).
Having downloaded and installed 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 GIMP software (C: Program FilesGimp Modelibgimp2.0plug pack-ins).

Start your Gimp.
To start the automatic resizing of a set of pictures, go to the window box Tools 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 advise you to rename the directory each time depending on the size you selected (three image sizes are required for Magento), eg Base600 × 600. Enabling 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 from this operation, we will use the same photo for 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 obtain 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 resizing is not or hardly visible.
• The gain 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.

Items on the same subject:

1. Optimizations photos with Xnview to integrate them into your online store Feel free to sign up for RSS feeds do not miss any article.1ère Step: Preparing images for integration into your ecommerce shop we saw in our previous Ticket: How to optimize photos for product info ...
2. How to optimize photos for your ecommerce product info One of 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 that size of photo to display thumbnail ...
3. How to prepare to create your online store with Magento or Prestashop Feel free to sign up for RSS feeds do you want to miss any article.Vous launch in ecommerce and implement an online store, two options are available you: You already have a business and want to develop your ...