Shopify est plus tolérant sur les dimensions d'image qu'une marketplace comme Amazon — il affichera volontiers presque n'importe quoi. Cette souplesse est un piège. Téléversez des fichiers énormes et incohérents et votre thème rend une grille lente et disparate où certains produits paraissent nets et d'autres recadrés ou minuscules. Bien régler vos tailles dès le départ rend toute la boutique professionnelle et rapide à charger.
Les tailles et le comportement des thèmes évoluent, traitez donc ceci comme les recommandations courantes et largement utilisées, et confirmez avec la documentation de votre thème actuel.
Tailles recommandées
| Type d'image | Recommandation courante | Ratio |
|---|---|---|
| Photos produit | 2048 × 2048 px | 1:1 (carré) |
| Le carré est le plus sûr globalement | jusqu'à 4472 × 4472 px max | 1:1 |
| Collection / miniatures | ~1024 × 1024 px | 1:1 |
| Diaporama / bandeau | ~1600 px de large (ou plus) | 16:9 ou fixé par le thème |
| Taille de fichier max | 20 Mo par image (visez bien plus bas) | — |
Deux choses comptent plus que n'importe quel chiffre isolé.
Choisissez un seul ratio et tenez-vous-y. Les thèmes Shopify sont au mieux quand chaque photo produit partage la même forme. Le carré (1:1) est le choix le plus fiable parce qu'il s'insère dans la grille de presque tous les thèmes sans recadrage disgracieux. Si vous mélangez carré, portrait et paysage, votre grille paraîtra irrégulière.
2048 × 2048 est le point idéal pour les produits. C'est assez net pour le zoom intégré de Shopify sur bureau, se réduit proprement pour les miniatures et le mobile, et reste bien sous le plafond de taille de fichier. Plus grand ne fait souvent qu'ajouter du poids.
Standardisez tout le catalogue d'un coup
Redimensionner des dizaines de photos produit à la main, c'est là qu'un après-midi disparaît. Ne le faites pas. Le Redimensionneur d'images e-commerce a un préréglage Shopify qui produit des carrés de 2048 × 2048 sur fond blanc, avec chaque produit auto-centré et une marge ajustable pour que rien ne touche le bord. Déposez un dossier, récupérez un ZIP — chaque image de même taille, même forme, même cadrage.
Cette cohérence est ce qui fait qu'une grille Shopify paraît conçue plutôt qu'assemblée.
Puis réduisez le poids des fichiers
Des dimensions correctes règlent la mise en page. Le poids des fichiers règle la vitesse — et la vitesse, c'est de l'argent sur Shopify, où les pages lentes coûtent discrètement des conversions et nuisent à votre classement de recherche.
Une photo de 2048 px sortie tout droit d'un appareil peut faire plusieurs mégaoctets. C'est bien plus que ce dont la page a besoin. Passez chaque image dans le Compresseur d'images : pour les photos, une qualité de 75 à 85 réduit généralement le fichier de 40 à 70 % sans différence visible ; les PNG sont quantifiés automatiquement. Le compresseur ne rend jamais un fichier plus gros que celui que vous avez donné, vous pouvez donc traiter toute la boutique par lot en sécurité.
Un ordre qui fonctionne bien :
- Redimensionnez à 2048 × 2048 avec le préréglage Shopify.
- Compressez à la qualité 75 à 85 (ou laissez tourner la quantification PNG).
- Téléversez — même forme, fichiers légers, grille rapide.
WebP, JPG ou PNG ?
Shopify sert automatiquement du WebP aux navigateurs qui le prennent en charge, vous n'avez donc généralement pas besoin de convertir les formats vous-même. Téléversez des JPG propres pour les photographies et des PNG uniquement pour les graphiques qui ont besoin de transparence ou de texte net. Laissez la plateforme gérer la livraison du format ; votre travail est de fournir des fichiers source bien dimensionnés et bien compressés.
Tout reste sur votre machine
Les deux outils tournent entièrement dans votre navigateur avec Canvas et WebAssembly — pas de téléversement, pas de compte, pas de filigrane. Vos photos produit ne touchent jamais un serveur. Après la première visite, les outils sont en cache et continuent de fonctionner hors ligne, vous pouvez donc préparer un catalogue complet dans un train et téléverser une fois de retour en ligne.
Mettez-la en carré, dimensionnez-la à 2048, compressez-la, et votre boutique Shopify se charge vite et ressemble à une boutique cohérente plutôt qu'à un tas de téléversements aléatoires.