Comment optimiser la taille de vos photos : site internet, e-commerce et réseaux sociaux.
Découvrez tous les conseils de pro pour choisir la taille et le format des photos sur vos sites internet :
Savez-vous que les photos d’une page internet représentent la majorité de son poids lorsqu’elle n’est constituée que de texte et d’images ? Autrement dit, les images que vous utilisez en ligne, sont le plus souvent à l’origine du temps de chargement de votre site internet professionnel, de votre boutique en ligne ou de vos réseaux sociaux : le temps de chargement de la page sera en moyenne égal au temps nécessaire pour charger les photos.
Alors pourquoi vouloir contrôler le temps de chargement de ses pages web ? Il y a essentiellement deux arguments à cela :
La première raison est un argument de référencement SEO (optimisation pour les moteurs de recherche) : aujourd’hui, les moteurs de recherche (notamment Google) indexent les pages web en fonction de l’expérience utilisateur. Le temps de chargement d’une page est l’un des facteurs pris en compte dans l’expérience utilisateur, si ce temps est trop long votre référencement sur les moteurs de recherche sera pénalisé.
La deuxième raison est un argument marketing. Plusieurs études ont montré qu’au-delà de 3 secondes de chargement les utilisateurs ont l’impression d’attendre et quittent alors le site. Il est donc essentiel de fournir du contenu rapide aux utilisateurs pour ne pas perdre de potentiel client.
Attention toutefois, contenu léger ne veut pas dire contenu de faible qualité : des photos de produits de qualité sont essentielles pour convertir un visiteur en client !
Pour unir photo de qualité et chargement de site rapide, il convient alors de suivre une liste de bonnes pratiques que je vous partage dans cet article.
RESPECTER LES RECOMMANDATIONS
Que votre boutique en ligne soit sur votre propre site internet ou que vous utilisiez une plateforme, les deux sont optimisés pour un certain format d’image. Les plateformes telles que Wix, Squarespace, Prestashop ou Wordpress sont toutes optimisées pour un format particulier. Voici les recommandations de quelques plateformes :
Amazon :
Min : 500 px
Recommandé : 1000 px
JPEG ou TIFF
Pas de transparence
Boutique Facebook :
1024*1024 px
Format carré
Fond blanc
Mise en scène recommandé
Etsy :
2000 px paysage ou Carré
JPG, GIF, ou PNG max 1 Mo
icone boutique 500 px
pas de transparence ni animation
Instagram :
1080 px dans la largeur
hauteur comprise entre 566 et 1 350 pixels
format carré recommandé
Magento :
Mignatures 50 x 50 pixels
Petites images : 470 x 470 pixels
Images zoom : 1100 x 1100 pixels
JPG ou PNG
Maximum 5 Mo
Prestashop :
800 x 800 pixels.
jpeg ou png
Shopify :
Min 1024 x 1024 px
Max : 4472 * 4472 px
Poids max : 20 Mo
WooCommerce :
800*800 px
Wix Store :
3000*3000px
ratio : 16:9 ; 3:2 ; 4:3 ; 1:1
Pour trouver les recommandations de votre plateforme, il est nécessaire dans la plupart des cas, de consulter l’aide en ligne ou de contacter le support de votre plateforme. Quoi qu’il en soit, il faut trouver les bons réglages pour un bon équilibre entre qualité de photo et taille minimum des fichiers. Ceci afin d’être compétitif à la fois sur la vitesse de chargement de votre page et sur votre taux de conversion de visiteur / acheteur.
POURQUOI N’Y A-T-IL PAS MENTION DES DPI DANS LES RECOMMANDATIONS ?
Afin de comprendre ce point, il est d’abord important de définir deux paramètres :
La définition : C’est la taille en pixel d’une image, donc le nombre de pixels qu’elle contient dans sa largeur et sa hauteur.
La résolution : C’est le nombre de pixels contenu dans une certaine longueur d’une image. Par exemple le nombre de pixel contenus dans 1 pouce (2,54cm). Cette grandeur s’exprime en dpi (dots per inch) ou ppp (points par pouce).
Les dpi (ou ppp) sont source d’une grande confusion. Cette notion n’a de sens qu’en impression. Elle ne sert qu’à indiquer à l’imprimante le nombre de pixels de l’image à imprimer sur 1 pouce du papier. En revanche, le monde informatique (écran, site web…) est uniquement fondé sur les pixels, sans notion de taille. Aujourd’hui, la plupart des écrans d’ordinateurs sont des écrans full HD, c’est-à-dire qu’ils affichent un nombre de 1920x1080 pixel soit environ 2Mpx. De la même manière, un écran 4K affiche 3840x2160 px (4 fois plus de pixel qu’un écran Full HD). Le nombre de pixels qu’affiche l’écran est indépendant de la taille en cm de celui-ci.
En conclusion, l’utilisation d’une photo de produit sur une e-boutique, ou l’utilisation d’une photo publicitaire sur un site web, ne nécessite pas de dpi spécifiques. Ce qui compte, c’est la définition de l’image et non sa résolution. Deux images ayant la même définition s’afficheront de la même manière sur un site, quelques soient leurs résolutions. Cependant, elles ne s’imprimeront pas de la même façon si leurs résolutions sont différentes.
COMMENT JE VOUS AIDE POUR VOTRE E-BOUTIQUE ?
Lorsque vous faites appel à mes services, que ce soit pour des photos de produit packshot pour votre catalogue, votre e-boutique ou vos réseaux sociaux, je fais le point avec vous sur la destination des photos que je réaliserai. Cet entretien me permet en effet de vous rendre vos photos dans le meilleur format adapté à votre utilisation, à votre site internet, e-boutique, ou réseaux sociaux. Vous n’aurez alors pas besoin de vous préoccuper des réglages nécessaires pour une utilisation en ligne optimale de vos photos de produits, ou vos photos publicitaires. Si vous résidez autour de Grenoble, je vous propose une consultation en présentiel lors d’un rendez-vous physique. Ce sera également l’occasion de voir les produits et de définir ensemble vos attentes et les supports web que vous utiliserez. Si vous résidez ailleurs en France, ce rendez-vous s’effectue par téléphone, ensuite vous n’aurez qu’à m’envoyer vos produits par colis si ce n’est pas déjà fait. Contactez-moi pour plus de renseignements.
SOURCES :
amazon, boutique facebook, Etsy, Instagram, Magento, Prestashop, Shopify, WooCommerce, Wix Store