Réponse directe
Adaptez des photos JPG, PNG et WebP au carré 2048×2048 par défaut ou aux options 1024×1024 et 1200×1200 de cet outil. Shopify indique que 2048×2048 convient généralement le mieux aux images carrées ; le thème contrôle la présentation. Le remplissage garde les petites photos sans agrandissement par défaut ; le recadrage coupe les bords.
Comment utiliser cet outil
Déposez vos photos de boutique Shopify
Sélectionnez jusqu'à 20 images JPG, PNG ou WebP. L'outil s'ouvre avec le carré recommandé 2048×2048 de Shopify.
Sélectionnez 2048×2048 ou un autre préréglage carré
Conservez le 2048×2048 recommandé ou passez à 1024×1024 compact ou 1200×1200 standard.
Choisissez Ajuster et remplir ou Remplir
Utilisez Ajuster et remplir pour préserver l'objet en entier avec des marges, ou Remplir pour combler le cadre.
Exportez vos visuels prêts pour Shopify
Téléchargez les photos individuellement ou exportez une archive ZIP propre pour l'admin Shopify.
Recommandations Médias Shopify : Carré Recommandé 2048×2048, Thèmes et Protection d'Échelle
Shopify indique que 2048×2048 convient généralement le mieux aux photos carrées et que la présentation dépend du thème. 1024×1024 et 1200×1200 sont des options de cet outil. Sans agrandissement, le remplissage garde la taille des petites photos et ajoute des marges ; il ne crée pas de détails et ne garantit ni qualité du zoom ni vitesse de chargement.
- 2048×2048 suit les indications Shopify pour les images carrées ; 1024×1024 et 1200×1200 sont des options de l’outil.
- Prise en compte du thème : Recommande des formats carrés tout en respectant la souplesse de votre thème.
- Protection d'échelle : Maintient l'échelle <= 1 pour les petites images en comblant proprement les marges.
Exemples pratiques
Ajuster une petite image (500×500) dans un canevas 2048×2048 sans agrandissement flou
Entrée : Badge PNG 500×500 (1:1)
Sortie : PNG 2048×2048 avec badge 500×500 sans agrandissement et marges de 774 px sur chaque côté
Le remplissage garde une échelle de 1. Le cadre plus grand ajoute des marges, pas des détails au badge.
Redimensionner une photo 3000×3000 au 2048×2048 recommandé Shopify
Entrée : Photo 3000×3000 JPEG (3.6 Mo)
Sortie : Image 2048×2048 JPEG optimisée
Réduit au carré par défaut. Vérifiez le poids réel et la présentation dans votre thème.
Adapter une photo mode verticale (1200×1600) en 2048×2048 avec fond blanc
Entrée : Photo de vêtement 1200×1600 JPEG (ratio 3:4)
Sortie : JPEG 2048×2048 avec photo 1200×1600 sans agrandissement, 424 px de chaque côté et 224 px en haut et en bas
Le remplissage préserve toute la photo. Le thème peut encore la recadrer dans la boutique.
Limites
- Les thèmes Shopify peuvent recadrer les visuels selon leurs réglages ; vérifiez l'éditeur de thème.
- Cet outil redimensionne et comble les marges ; il ne détoure pas automatiquement les produits.
- Les marges transparentes nécessitent PNG ou WebP. JPEG avec marges transparentes est bloqué ; changez de format ou choisissez un fond uni.
Questions fréquentes
Quelle taille d'image Shopify recommande-t-il pour les produits ?
Shopify indique que 2048×2048 convient généralement le mieux aux images carrées. Choisissez selon le thème et prévisualisez la boutique ; la taille seule ne garantit ni qualité du zoom ni vitesse de chargement.
Toutes les photos sur Shopify doivent-elles obligatoirement être carrées ?
Non. Shopify recommande 2048×2048 pour les images carrées, mais la présentation finale dépend de votre thème.
Que se passe-t-il si mon image est plus petite que 2048×2048 ?
Avec Ajuster et remplir sans agrandissement, une petite photo garde sa taille et reçoit des marges. Le recadrage est bloqué si la zone sélectionnée est plus petite que la cible, sauf autorisation d’agrandir.
Mes photos sont-elles transférées sur un serveur ?
Non. Tout le traitement s'exécute à 100% dans votre navigateur grâce à HTML5 Canvas.
Références et normes faisant autorité
- Shopify Help Center: Product media types ↗ — 2048×2048 usually displays best for square product images; actual presentation depends on the theme.
- W3C Portable Network Graphics (PNG) Specification (Third Edition) ↗ — PNG file format, including lossless encoding and alpha transparency; resizing can change pixel detail.
- MDN: CanvasRenderingContext2D.drawImage() ↗ — Source crop rectangles and destination dimensions.
- MDN: HTMLCanvasElement.toBlob() ↗ — Browser image export; JPEG and WebP quality can introduce compression loss.