Presentation:

One of the tedious work when you design a site to ecommerce is that for the same photo of a product you must resize it and decline in different sizes. The software will then use this size of picture to display thumbnail, another for displaying large.

We will see in the different notes on this subject, how to optimize the insertion of a picture in your ecommerce software and we will compare the advantages and disadvantage in Prestashop and Magento .

Plan steps:

  • How to prepare and optimize your images before inserting in your ecommerce store
  • How to use XnView for optimizing your photos for inclusion in your ecommerce store
  • How to use Gimp to optimize your photos for inclusion in your ecommerce store
  • Insert photos into a product in Prestashop
  • Insert photos into a product in Magento
  • Conclusion

We will see below how to optimize the insertion of a picture in your ecommerce software.

How to prepare your photos before inserting in your ecommerce store:

An interesting feature of Prestashop is that you just insert an image larger than 600 x 600 pixels and the software automatically generates images of different sizes it uses. This feature greatly facilitates the insertion of an image for a product, knowing that we always advise you to use multiple images taken from different angles for the same product.

Magento you need to plan for three sizes of pictures to a photo (75 x 75, 135 and 135 x 600 x 600 pixels).

To insert images into a product in your store you can:

  • Either get your suppliers
  • Or call in a professional (this solution is often comparable to previous)
  • Either make it yourself with your digital camera

Careful choice of a photo is not trivial, and it's a photo missed 60% of product sales and less.

Allow several photos for the same product (snuff from different angles, with possible extensions of one or more details, location ...). This will allow your client to get a better idea of ​​your product. A client can and has reassured or no questions, you will be more inclined to buy your product.

It is best to begin with check with your supplier if you can provide photographs of your product, ask her permission to use them on your site. You will have professional quality photographs and they will not cost you.
If your supplier can provide you with these photos and you have money to pay for the services of a professional, I suggest you choose this option. Indeed it is not easy to develop a product and make good pictures takes forever.
Finally, if the two previous solutions are not possible for you, you have a digital camera and you have plenty of time available, you can get started in photography of your products.
You will have in this case use a mini photo studio, for a presentation of these, you can read the following article:
Presentations from different studios photos by Ludovic Bodin

For those with a limited budget and wants to capture images of small objects, you can also try to do it yourself in the various links below, you can find a number of ideas:

How to build a mini photo studio simple

How To: DIY $ 10 Macro Photo Studio

DIY eBay Photo Studio - $ 0

Studio Lighting - Super Simple Light Tent

Beautiful pictures for ecommerce sites

You are now in Possession of a number of photographs for all of your products, but used as such these pictures are unusable for your ecommerce site, because they have characteristics much too important for the display of your shop, such as:

  • The weight (greater than 100 kb)
  • Size (greater than 600 x 600 pixels)
  • The resolution (greater than 72 dpi)

We will see in a future post, how to use an image editing software to adjust your images for display in your shop on the Internet and thus accelerate the display speed of your pages.

For me three software allow you to do just this for a small fee:

  1. Gimp: free software and therefore free, initially developed for Linux and Windows is now. I suggest you install the Gimp Mode (easier to install) you can download it here
  2. XnView: developed by Pierre-Emmanuel Gougelet you can download here (26 € at the time of this post).
  3. Photofiltre: you can download here (20 € at the time of this post).

Note that these last two products are free for non-commercial use.

Photofiltre Xnview and are easier to install and use XnView and has more parameters and automation also allows you to achieve higher compression.

Gimp is more complicated to install and use, but it is much more complete and has the support of a very important community.

The use of the automatic conversion of your images is very close in XnView and Photofiltre, I present in my next post how to do this in Xnview and the next in Gimp.

    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. Optimization of photos of items in your shop with Gimp Please sign up for RSS feeds do not miss article.Nous have seen in our previous post, it was necessary to rework your photographs to get a quick loading of pages of your ecommerce site and so ...
  3. How to improve the display of photos in lightbox with Magento Feel free to sign up for RSS to not miss any article.Lorsque designing your online business site, the visual aspect of your site is very important. This is the first impression that will make you want to or not ...

16 comments why not leave yours?

We will not support for comments for a technical problem with one of our modules. Thank you contact us directly with our contact form !

Hello,

Thank you for your feedback. Voila installation done but I can not choose the files!! I'm really not talented.

See you soon

DEDE 7 September 2011 to 23 h 09 min

@ DEDE Xnview exists for Mac. http://www.clubic.com/telecharger-fiche195132-xnview.html

@ A bridge videogratuites ample enough for your photos, unless you have a real need for macroeconomic performance.
This will be the conditions of shots where you have to be careful.

Magavenue 7 September 2011 to 22 h 39 min

Hello,
I would like to know the software equivalent to XN view but for mac.
Thank you very much for this tutorial is very interesting.
Dede

DEDE September 1, 2011 at 13 h 53 min

Hello,

Do you know what the device REFLEX nine at the time the cheapest and easiest to use photos for Ecommerce site?

And if I chose a BRIDGE as they are sold half price compared to REFLEX, you think that will suffice?

I do not like the picture I have, and never would have no incentive to do for recreation, it's just for work.

Thanks for your help!

videogratuites 10 August 2011 to 12 h 54 min

Hello, thank you for this info, if it can help disseminate I said on my Twitter and Facebook and also on some digg-like news sites and digg like France which is where http://www.diggfrance.com

married May 12, 2011 at 11 am 21 min

Write a review