Tout ce dont vous avez besoin pour vendre en ligne

Créez une boutique en ligne en quelques minutes pour vendre sur un site Web, sur les réseaux sociaux ou sur des places de marché.

Comment optimiser les images de produits : instructions et ressources

14 min de lecture

Les images de produits aident à conclure l’affaire lorsque les clients visitent votre site Web. Pour maintenir leur intérêt, vous devez disposer de photos attrayantes et qui se chargent rapidement. En d’autres termes, vous devez optimiser les images de vos produits.

Vous vous demandez peut-être comment trouver la taille d'image optimale, comment compresser les images et comment optimiser les images sans perte de qualité.

Nous avons ce qu'il vous faut. Dans cet article, nous entrons dans le gros plan d'optimisation d'image et jetez un œil aux outils disponibles pour faire le travail rapidement et facilement.

Comment vendre en ligne
Conseils de e-commerce experts pour les propriétaires de petites entreprises et les aspirants entrepreneurs.
S'il vous plaît, mettez une adresse email valide

Pourquoi avez-vous besoin d’optimiser les images ?

Les images constituent une partie importante de chaque site Web. Cela est particulièrement vrai pour un site de commerce électronique. Les images influencent les clients lorsqu'ils envisagent d'acheter quelque chose. Ils contribuent à la conception globale de la page Web, aident les clients à choisir un produit et améliorent le référencement de votre site.

Par exemple, vous souhaitez éviter de télécharger des fichiers volumineux. Ils peuvent ralentir votre page, ce qui affecte votre classement dans les moteurs de recherche et fait fuir les clients potentiels. Personne ne veut attendre qu’une page se charge lors d’un achat en ligne. C'est pourquoi vous devez optimiser les images de vos produits.

Comprendre les dimensions et les proportions de l'image

Découvrons à quoi vous devez faire attention lors de l'optimisation de vos images.

La taille et les dimensions d'une image sont très importantes. Ces paramètres affectent la taille du fichier et l'apparence de l'image sur différents appareils.

Taille

C'est maintenant l'ère de haute résolution et le haute vitesse Internet, mais cela ne veut pas dire que nous ne devons pas nous soucier de l'optimisation des images. Les appareils photo modernes et même les smartphones peuvent prendre haute résolution images. Vous avez peut-être même préparé de telles photos pour votre magasin.

Cependant, lorsque les images sont trop volumineuses, elles ne sont pas adaptées à Internet. Ils ralentissent la vitesse de chargement, notamment sur un téléphone. Si vous ne voulez pas que vos visiteurs s'impatientent et quittent votre boutique, vous devez réduire la taille de vos photos.

Une image a deux tailles :

  • Taille de l'image est l'espace qu'un graphique occupe sur l'écran. Cette taille est mesurée en pixels (px), qui sont les points individuels qui composent l'écran. Vous pouvez télécharger des images de n'importe quelle taille sur la boutique Ecwid. Ils sont ensuite optimisés pour s'adapter à la largeur de la fenêtre du navigateur. Néanmoins, il est préférable de réduire les images de vos produits à environ 1000 1000 x XNUMX XNUMX px. Cette taille est suffisamment grande pour afficher le produit et suffisamment petite pour être chargée rapidement.
  • Taille du fichier est l’espace mémoire occupé par l’image. Cette taille est mesurée en octets, typique Kilo- (Ko), Méga- (Mo) et gigaoctets (Go). Plus la taille du fichier de l’image est grande, plus elle nécessite d’espace de stockage.

La taille de cette image de produit est de 1920 × 1920 et la taille de son fichier est de 272 Ko.

Les fichiers plus volumineux prennent plus de temps à charger. Un logiciel de compression de fichiers a été développé pour lutter contre ce problème. Une image est généralement compressée en optimisant les données de couleur.

Cependant, une forte compression dégrade la « qualité » des images. Cela provoque du bruit ou une transition brusque de couleur.

Pour une taille de fichier d'environ 1000 px, une bonne compression prendra environ 200 Ko.

Apprenons maintenant comment choisir les bonnes proportions pour vos photos.

Les proportions

Les proportions d'une image indiquent la largeur à hauteur ratio.

Certains ratios sont plus agréables à l’œil que d’autres. L’ensemble standard de proportions est toujours joli. Ce sont 1:1, 4:3, 3:2 et 16:9.

​​Les proportions sont importantes car elles contribuent à définir l'apparence de votre site. Efforcez-vous d'obtenir les mêmes proportions pour toutes vos images de produits afin de donner à votre vitrine un aspect structuré et professionnel.

Comment sélectionner le format d'image

Une autre chose à garder à l’esprit pour une imagerie optimale est le format de l’image. C'est le type de fichier dans lequel une image est enregistrée.

Il existe de nombreux types de formats d'images. Chacun a ses avantages et ses inconvénients en termes de qualité, de compression et de support. Vous devez sélectionner le format qui offre la plus haute qualité avec la plus petite taille.

Les trois formats les plus courants sur le Web sont JPEG, PNG et GIF. Chacun doit être utilisé d’une manière spécifique.

Décomposons les formats :

  • GIF (Graphics Interchange Format) est capable de stocker des données compressées sans perte de qualité en utilisant pas plus de 256 couleurs. Le format prend généralement en charge les animations. Pendant longtemps, les GIF ont été le format le plus répandu sur Internet… jusqu’à l’arrivée du PNG.
  • PNG (Portable Network Graphics) utilise une compression sans perte et stocke un nombre illimité de couleurs.
  • JPEG (Joint Photographic Experts Group, le nom du développeur) est le format le plus courant pour stocker des photos et autres images. L'algorithme JPEG peut utiliser à la fois une compression avec et sans perte (nous en parlerons plus tard.) Plus la taille du fichier est grande, plus la perte est faible.

Quel format choisir ? Si vous avez une image animée, c'est facile—GIF est le format que vous recherchez. Mais qu’en est-il du JPEG et du PNG ?

Les fichiers JPEG et PNG sont similaires, mais ils présentent également des différences cruciales. Les fichiers JPEG sont plus petits car ils utilisent un processus de compression qui supprime certaines données. Les PNG, en revanche, prennent en charge les arrière-plans transparents et conviennent mieux à la conception graphique.

La règle générale est d'utiliser les JPG pour les photographies et les images qui n'ont pas de fond transparent. Quant au PNG, il est préférable de les utiliser pour les graphiques, les fichiers avec un arrière-plan transparent et d’autres images où la clarté et le dynamisme des couleurs sont importants. Ainsi pour les photos de produits, il est logique de préférer le JPEG au PNG.

Cette photo de produit est au format JPEG

Comment compresser des images sans perte de qualité

La compression permet de réduire la taille d'une image. Plus la qualité est faible, plus la compression est élevée et plus la taille du fichier est petite.

Il existe deux types de compression :

  • La compression avec perte réduit la taille d'un fichier en supprimant les données redondantes. Cependant, lorsque vous compressez un fichier de cette manière, cela peut dégrader considérablement la qualité de l’image.
  • Compression sans perte est une technique qui maintient la qualité d'un fichier à un niveau élevé. Cependant, cela ne réduira pas autant la taille du fichier qu’une compression avec perte. Si vous devez réduire la taille du fichier sans affecter sensiblement la qualité, il est préférable de choisir une compression sans perte.

Lisez la suite pour en savoir plus sur les outils en ligne que vous pouvez utiliser pour compresser une image sans perte de qualité.

Comment optimiser les images pour le Web : présentation des outils

Vous voulez savoir comment optimiser les images d’un site Web ? Heureusement pour vous, vous utilisez des outils en ligne pour optimiser automatiquement vos images sans passer des heures à regarder des didacticiels Photoshop.

Les sites suivants peuvent automatiser l'optimisation pour vous :

Comment optimiser la taille de l'image : 4 outils simples

Si vous recherchez un réducteur de taille de fichier, consultez l'un des services suivants. Ils sont soit gratuits, soit proposent des essais gratuits :

  • TinyJPG: il réduit la taille du fichier des images JPEG. Selon leur site, cela peut le réduire de plus de 70 % !
  • TinyPNG: le même compresseur d'image mais pour les fichiers PNG.
  • Squoosh: une application Web de compression d'images qui réduit la taille des images dans de nombreux formats.
  • JPEGmini: un compresseur photo pour les fichiers JPEG. Il possède des fonctionnalités plus avancées qui sont utiles aux photographes, notamment l'exportation de photos directement depuis Lightroom et Photoshop.
  • ImageOptim: un optimiseur d'image pour les appareils Mac. Vous devez le télécharger pour l'utiliser.

Optimiser les images avec JPEGmini

Si vous exploitez un magasin Ecwid, vous pouvez utiliser le Vitesse de référencement et optimiseur d'image application du marché des applications Ecwid. L'application permet un clic optimisation et compression des images de produits, ce qui contribue à accélérer les temps de chargement des pages de produits.

Comment optimiser les images pour WordPress

Si vous possédez un site Web WordPress, vous pouvez utiliser un optimiseur d’image et des plugins de compression. Ils vous aident à optimiser automatiquement les images des sites WordPress, permettant une meilleure vitesse et de meilleures performances.

Au fait, si vous recherchez un plugin de commerce électronique pour votre site Web WordPress, consultez ceci Plugin Ecwid par Lightspeed. Il vous permet d’ajouter facilement une boutique en ligne à votre site WordPress. Une fois installé, le plugin crée automatiquement une page Store où vos clients peuvent faire leurs achats sur votre site Web.

EWWW Image Optimizer
EWWW Image Optimizer est l'un des meilleurs plugins WordPress pour compresser des photos et optimiser les images sur votre site Web. L'ensemble du processus d'optimisation des images est automatisé. Cela inclut la compression des images et leur mise à l'échelle pour les adapter à la taille de page et au périphérique appropriés. Le plugin est sur abonnement mais il offre un 7 jour(s) essai gratuit.

Compresser les fichiers JPEG et PNG
Compresser les fichiers JPEG et PNG est un plugin créé par l'équipe derrière les services que nous avons déjà mentionné—TinyPNG et TinyJPG. Il compresse automatiquement les images lors du téléchargement. Vous pouvez également optimiser en masse des images plus anciennes. Avec un compte gratuit, vous pouvez optimiser 500 images chaque mois.

reSmush.it
reSmush.it est un plugin WordPress gratuit de compression d'images pour les fichiers jusqu'à 5 Mo. Vous pouvez optimiser automatiquement les images lors du téléchargement, optimiser en masse les images plus anciennes et exclure certaines images de l'optimiseur.

Plus d'outils d'optimisation d'image automatisés

Mais que se passe-t-il si vous n’avez pas de site WordPress ? L'optimisation manuelle d'un grand nombre de photos est définitivement long. Heureusement, il existe plusieurs outils en ligne disponibles pour réduire automatiquement la taille des fichiers. améliorer la vitesse du site.

ImageRecycle
ImageRecycle prend en charge divers formats d'image, tels que les fichiers JPEG, PNG, GIF et même PDF.

L'outil peut déterminer quelles images de votre site Web doivent être optimisées en fonction de la taille et des dimensions de l'image. Entrez simplement l'adresse de votre site Web et ImageRecycle vous enverra un rapport gratuit par e-mail. Ils proposent également un essai gratuit afin que vous puissiez voir leur outil d'optimisation en action.

ImageKit.io
ImageKit.io n'est pas un compresseur d'image classique mais un CDN d'image (réseau de diffusion de contenu). Il optimise, redimensionne et envoie des images via son réseau mondial de serveurs. Vous pouvez souscrire à un forfait gratuit pour toujours.

Outils de modification des images de produits

Si cela ne vous dérange pas d'éditer des photos vous-même et n'avez pas peur d'un peu de bricolage, vous trouverez peut-être des outils de retouche photo utiles. En voici quelques uns:

Photoshop
Photoshop offre un éditeur en ligne pour la manipulation de base de l'image (telle que le recadrage ou le redimensionnement des images). Il vous permet également de supprimer l'arrière-plan des images et d'affiner vos photos avec différents paramètres tels que le contraste, la luminosité, la saturation, la chaleur ou la netteté.

L'éditeur Photoshop en ligne propose des modèles de conception que vous pouvez utiliser

GIMP
GIMP est un programme gratuit adapté à Windows, Mac et Linux. Il offre tout ce dont vous avez besoin pour les graphismes et les photographies professionnels, y compris des outils pour les calques et les masques, la correction des couleurs, la retouche et la peinture. GIMP prend en charge tous les principaux formats de fichiers image.

PicMonkey
PicMonkey est un éditeur en ligne avec une interface simple et toutes les fonctions de base, comme le recadrage, la rotation, le contrôle de la netteté, le travail avec les couleurs et le choix de la résolution des photos. Il fournit des modèles pour créer des images pour des publicités, des publications sur les réseaux sociaux, des logos, des infographies, etc. Il a un 7 jour(s) essai gratuit.

Pixlr
Pixlr propose un éditeur en ligne gratuit et des ressources de conception pour les débutants et les professionnels. Il dispose d'outils de couleur, de dessin et de retouche photo. Avec Pixlr, vous travaillez avec des calques et utilisez différents effets et filtres. Si vous êtes intéressé, vous pouvez Essai routier un plan premium gratuit pendant 30 jours.

En savoir plus sur l'optimisation des images

Les images volumineuses peuvent ralentir votre site Web, il est donc important de les optimiser pour le Web. Trouver le bon format d'image pour vos images en redimensionnant et en compressant peut faire des merveilles pour la vitesse de chargement de votre site Web.

Et maintenant, vous connaissez la bonne nouvelle : l’optimisation est super simple à faire ! Vous pouvez également revenir et référencer cet article chaque fois que vous en avez besoin.

Si vous êtes un utilisateur plus avancé et souhaitez en savoir plus sur la façon d'optimiser les images pour le référencement, nous vous recommandons de regarder cette vidéo de Google. Il passe en revue quelques conseils avancés sur l’optimisation de vos images pour un site Web. Regardez-le ici :



Quelle que soit votre expérience en tant que propriétaire de commerce électronique, n'oubliez jamais l'optimisation des images. Même les outils les plus simples peuvent rendre vos images adaptées au Web. En optimisant vos photos, vous pouvez influencer considérablement l'expérience d'achat de vos clients. Assurez-vous que les images de vos produits sont à la fois belles et rapides à charger !

Si vous n'êtes qu'au début de votre parcours de commerce électronique et que vous avez besoin de créer une boutique en ligne, consultez Ecwid par Lightspeed. Il vous permet de créer vous-même une boutique en ligne gratuite, sans aucune compétence en codage ou en conception. Parfait si vous devez commencer à vendre en ligne le plus tôt possible !

 

Table des matières

Vendre en ligne

Avec Ecwid Ecommerce, vous pouvez facilement vendre n'importe où, à n'importe qui, sur Internet et dans le monde entier.

A propos de l'auteure

Anastasia Prokofieva est rédactrice de contenu chez Ecwid. Elle écrit sur le marketing et la promotion en ligne pour rendre la routine quotidienne des entrepreneurs plus facile et plus gratifiante. Elle a aussi un faible pour les chats, le chocolat et la préparation du kombucha à la maison.

Un commerce électronique qui vous soutient

Si simple à utiliser – même mes clients les plus technophobes peuvent s’en sortir. Facile à installer, rapide à mettre en place. Des années lumières en avance sur les autres plugins de boutique.
Je suis tellement impressionné que je l'ai recommandé à mes clients de sites Web et je l'utilise maintenant pour ma propre boutique ainsi que pour quatre autres dont je suis webmaster. Beau codage, excellent support de premier ordre, excellente documentation, vidéos pratiques fantastiques. Merci beaucoup Ecwid, tu es génial !
J'ai utilisé Ecwid et j'adore la plateforme elle-même. Tout est tellement simplifié que c'en est fou. J'aime la façon dont vous disposez de différentes options pour choisir les transporteurs maritimes, et pouvoir proposer autant de variantes différentes. C'est une passerelle de commerce électronique assez ouverte.
Facile à utiliser, abordable (et une option gratuite si vous débutez). Semble professionnel, de nombreux modèles parmi lesquels choisir. L'application est ma fonctionnalité préférée car je peux gérer ma boutique directement depuis mon téléphone. Fortement recommandé 👌👍
J'aime le fait qu'Ecwid soit facile à démarrer et à utiliser. Même pour une personne comme moi, sans aucune formation technique. Articles d'aide très bien écrits. Et l’équipe d’assistance est la meilleure à mon avis.
Pour tout ce qu’il a à offrir, ECWID est incroyablement simple à configurer. Recommande fortement! J'ai fait beaucoup de recherches et essayé environ 3 autres concurrents. Essayez simplement ECWID et vous serez en ligne en un rien de temps.

Vos rêves de commerce électronique commencent ici

En cliquant sur "Accepter tous les cookies", vous acceptez le stockage de cookies sur votre appareil pour améliorer la navigation sur le site, analyser l'utilisation du site et contribuer à nos efforts de marketing.
Protection des Données

Lorsque vous visitez un site Web, celui-ci peut stocker ou récupérer des informations sur votre navigateur, principalement sous la forme de cookies. Ces informations peuvent concerner vous, vos préférences ou votre appareil et sont principalement utilisées pour que le site fonctionne comme vous le souhaitez. Les informations ne vous identifient généralement pas directement, mais elles peuvent vous offrir une expérience Web plus personnalisée. Parce que nous respectons votre droit à la vie privée, vous pouvez choisir de ne pas autoriser certains types de cookies. Cliquez sur les différents titres de catégories pour en savoir plus et modifier nos paramètres par défaut. Cependant, le blocage de certains types de cookies peut avoir un impact sur votre expérience du site et des services que nous sommes en mesure de vous proposer. Plus d'information

Plus d’informations

Cookies strictement nécessaires (toujours actifs)
Ces cookies sont nécessaires au fonctionnement du site Web et ne peuvent pas être désactivés dans nos systèmes. Ils ne sont généralement définis qu'en réponse à des actions que vous avez effectuées et qui correspondent à une demande de services, telles que la définition de vos préférences de confidentialité, la connexion ou le remplissage de formulaires. Vous pouvez configurer votre navigateur pour qu'il bloque ou vous alerte sur ces cookies, mais certaines parties du site ne fonctionneront alors pas. Ces cookies ne stockent aucune information personnellement identifiable.
Cookies de ciblage
Ces cookies peuvent être installés via notre site par nos partenaires publicitaires. Ils peuvent être utilisés par ces entreprises pour établir un profil de vos intérêts et vous montrer des publicités pertinentes sur d'autres sites. Ils ne stockent pas directement d'informations personnelles, mais sont basés sur l'identification unique de votre navigateur et de votre appareil Internet. Si vous n'autorisez pas ces cookies, vous bénéficierez d'une publicité moins ciblée.
Les cookies fonctionnels
Ces cookies permettent au site Web de fournir des fonctionnalités et une personnalisation améliorées. Ils peuvent être définis par nous ou par des fournisseurs tiers dont nous avons ajouté les services à nos pages. Si vous n'autorisez pas ces cookies, certains ou tous ces services risquent de ne pas fonctionner correctement.
Cookies de performance
Ces cookies nous permettent de compter les visites et les sources de trafic, afin de pouvoir mesurer et améliorer les performances de notre site. Ils nous aident à savoir quelles pages sont les plus et les moins populaires et à voir comment les visiteurs se déplacent sur le site. Toutes les informations collectées par ces cookies sont agrégées et donc anonymes. Si vous n'autorisez pas ces cookies, nous ne saurons pas quand vous avez visité notre site.