Shopify Redimensionneur d'images

Shopify accepte les images de produits et de collections jusqu'à 5000 × 5000 px ou 25 mégapixels, avec une taille de fichier inférieure à 20 Mo.

Pour les images de produits carrées, Shopify recommande 2048 × 2048 px pour un affichage optimal.

Cela fait de 2048 × 2048 px un excellent point de départ pour un catalogue de produits carrés en haute résolution, mais ce n'est pas une obligation pour chaque image de produit Shopify.

Le préréglage Shopify d'Image Fixer commence à 2048 × 2048 px pour cette raison. Vous pouvez toujours choisir une autre taille de sortie si votre catalogue ou votre flux de travail l'exige.

Deux images de produits peuvent avoir des dimensions en pixels différentes tout en partageant le même ratio d'aspect. Ce qui compte pour une grille de collection cohérente, c'est la relation entre la largeur et la hauteur.

Shopify recommande spécifiquement d'utiliser un ratio d'aspect cohérent pour les images de produits vedettes ou principales lorsqu'elles apparaissent côte à côte sur les pages de collection.

Par exemple, une image de 2048 × 2048 a un ratio d'aspect carré de 1:1. Préparer les images de vos produits vedettes avec le même canevas 1:1 peut aider à créer un point de départ plus uniforme dans l'ensemble d'un catalogue.

Les thèmes Shopify peuvent également demander des images aux dimensions cohérentes via le CDN de Shopify, mais la présentation finale dépend toujours du thème.

Rendre chaque image de 2048 × 2048 px ne résout qu'une partie du problème.

Imaginez deux images de produits carrées avec exactement les mêmes dimensions. Sur l'une, le produit remplit presque le canevas. Sur l'autre, le produit est entouré d'un grand espace vide.

Techniquement, les images correspondent. Visuellement, les produits ne correspondent pas.

C'est pourquoi Image Fixer sépare les dimensions de sortie de la taille du produit.

Vous pouvez donner à chaque image le même canevas carré tout en contrôlant la taille d'affichage de la photo du produit dans ce canevas. La taille du produit peut être ajustée pour l'ensemble du lot ou affinée pour chaque image individuelle.

C'est particulièrement utile lorsqu'un catalogue combine des photos provenant de différents fournisseurs, photographes, téléphones ou d'anciennes bibliothèques de produits.

Oui. Une sortie carrée ne nécessite pas d'étirer une image source en mode portrait ou paysage.

Image Fixer préserve les proportions d'origine de la photo source et l'ajuste dans un canevas carré. L'espace de canevas supplémentaire est utilisé si nécessaire au lieu de forcer l'image d'origine dans une forme différente.

Cela aide à standardiser les images de produits au format 1:1 sans déformer la photo source.

Le résultat est une image source carrée plus facile à utiliser de manière cohérente dans tout un catalogue de produits.

Shopify prend en charge plusieurs formats d'image, notamment PNG, JPEG et WebP.

La documentation sur les médias produits de Shopify décrit actuellement le PNG comme le meilleur type de fichier pour la plupart des images de produits, suivi du JPEG.

Les recommandations plus larges de Shopify pour les images de vitrine conseillent également le JPEG pour la photographie de produits et autres images fixes aux couleurs complexes, tandis que le PNG est particulièrement utile pour les graphiques, les icônes et les images nécessitant de la transparence.

Cela signifie qu'il n'y a pas un seul format de fichier qui soit automatiquement le meilleur pour chaque type d'image produit.

Comme guide pratique :

JPEG

Un choix judicieux pour les images de produits photographiques comportant de nombreuses couleurs, en particulier lorsque l'efficacité de la taille de fichier est importante.

PNG

Utile lorsque vous avez besoin de caractéristiques d'image sans perte, de graphiques, de texte, de couleurs unies ou de transparence.

WebP

Un format d'image web moderne pris en charge par Shopify et utile lorsque vous souhaitez une bonne qualité visuelle avec des tailles de fichiers efficaces.

Image Fixer peut exporter au format JPEG, PNG ou WebP, vous permettant ainsi de choisir le rendu qui correspond au type d'image produit que vous préparez.

Oui. Shopify possède son propre système de diffusion et d'optimisation des images.

Lorsque vous téléchargez une image, Shopify peut créer différentes tailles d'image à utiliser dans différentes zones de votre boutique en ligne. Une version plus grande peut être utilisée sur la page de détail d'un produit, tandis qu'une version plus petite peut être utilisée dans la mise en page d'une collection.

Le CDN d'images de Shopify peut également redimensionner et compresser les images pour la vitrine et choisir automatiquement un format d'image adapté au navigateur du client. Les formats modernes tels que WebP ou AVIF peuvent être diffusés lorsqu'ils sont pris en charge.

Par conséquent, vous n'avez pas besoin de créer manuellement chaque taille d'image pour votre boutique.

Image Fixer répond à un autre besoin : il aide à standardiser les images sources avant qu'elles n'intègrent votre catalogue Shopify.

Shopify indique qu'il n'est pas nécessaire de compresser manuellement les images avant le téléchargement et recommande de fournir des images de la meilleure qualité possible.

Les images ne sont pas compressées au moment exact de leur importation dans l'administration Shopify. Cependant, les images affichées via un thème de vitrine peuvent ensuite être optimisées et compressées dans le cadre du processus de diffusion d'images de Shopify.

Pour la préparation des produits, concentrez-vous d'abord sur l'utilisation de dimensions adaptées, d'un format approprié et d'un cadrage cohérent, plutôt que de réduire excessivement la qualité de l'image avant l'importation.

Préparer une image source carrée ne garantit pas que chaque section du thème Shopify affichera chaque image exactement de la même manière.

L'affichage final dépend du thème, de la section et du ratio d'aspect de la zone d'image.

Lorsque le ratio d'aspect d'une image diffère de la zone où le thème l'affiche, les thèmes Shopify peuvent rogner l'image pour l'adapter à cette mise en page.

Shopify propose des points focaux pour aider à contrôler quelle partie d'une image reste visible lors du rognage. Les paramètres du thème peuvent également offrir des options pour modifier la hauteur des images, adapter une section à une image ou réduire les rognages indésirables.

Image Fixer prépare l'image source. Votre thème Shopify contrôle toujours la façon dont cette image est présentée sur la vitrine.

Si les images produits ne s'alignent pas correctement sur les pages de collection, Shopify recommande de vérifier le ratio d'aspect des images sources.

L'utilisation d'images de produits phares ayant le même ratio hauteur/largeur donne au thème un ensemble d'images plus cohérent avec lequel travailler.

Les espaces blancs et le cadrage du produit peuvent créer une autre différence visuelle même lorsque le format est identique.

Par exemple, deux images carrées peuvent s'aligner parfaitement comme des boîtes d'images tandis que les produits à l'intérieur de ces boîtes apparaissent toujours d'une taille radicalement différente.

C'est là que la combinaison d'un canevas carré cohérent et d'une taille de produit contrôlée peut aider à créer un catalogue source plus propre.

Les profils de couleurs peuvent affecter l'apparence de la photographie de produits en ligne.

Shopify explique que les profils de couleurs ICC ou ICM intégrés sont supprimés lorsque les images sont affichées sur la boutique en ligne. Lorsqu'une image ne contient pas de profil de couleur, les navigateurs web supposent sRGB, l'espace colorimétrique standard couramment utilisé sur le web.

Si les couleurs des produits apparaissent sensiblement différentes après le téléchargement, Shopify recommande d'enregistrer l'image dans l'espace colorimétrique standard sRGB.

Cela peut être particulièrement important pour la photographie de produits où une présentation des couleurs précise et cohérente importe.