Aller au contenu principal
ToolsByUs

Redimensionner une bannière Etsy

Une bannière Etsy grande taille mesure 1200 par 300 pixels, et une version de 3360 par 840 au même ratio de 4:1 la maintient nette sur les écrans haute densité. Recadrez une fois ici et les deux sont exportées ensemble, sans que l’image quitte votre navigateur.

100 % local

Déposez un PNG, JPG, WebP ou GIF

ou n’importe où sur la page · Choisir un fichier · 100 Mo

Acceptés : PNG, JPG, JPEG, WebP, GIF, AVIF

Redimensionner une bannière Etsy en clair

La bannière de boutique Etsy se situe en haut de votre vitrine, et la taille documentée est de 1200 par 300 — un bandeau de 4:1. Ce chiffre est correct depuis des années et n’est maintenant que la moitié de l’histoire : sur un ordinateur portable ou un téléphone avec un écran haute densité, une image de 1200 pixels étirée dans l’emplacement de la bannière est visiblement floue.

La solution consiste à fournir plus de pixels au même ratio. 3360 par 840 est la dimension rétine largement utilisée, et comme elle est exactement 2,8 fois 1200 par 300, le même recadre convient aux deux sans une seconde décision.

Cette page exporte donc le duo. Un recadrage, deux fichiers, tous deux au format 4:1, tous deux produits sur votre propre appareil — ce qui est important pour l’artwork de la marque de votre boutique que vous n’avez pas encore lancé.

Si votre boutique utilise la bannière plus étroite à la place, le redimensionneur de bannière mini tient le bandeau de 7,5:1.

Un export de 3360 pixels peut être lourd — l’outil Compresser l’image le ramènera à la taille que vous spécifiez.

L’ensemble d’images de la boutique Etsy

Une vitrine utilise plusieurs images et elles ont toutes des formes différentes. Avoir la bonne bannière est la moitié visible ; l’icône est la moitié que les gens retiennent.

ImageTailleRatioOù elle apparaît
Bannière grande taille1200 × 3004:1En haut de la boutique
Bannière rétine grande taille3360 × 8404:1Le même emplacement sur un écran haute densité
Bannière mini1200 × 1607,5:1L’option de bannière plus étroite
Icône de boutique500 × 5001:1À côté du nom de la boutique, circulaire

Pourquoi le ratio 4:1 est plus difficile qu’il n’y paraît

Quatre pour un est beaucoup plus large que ce qu’une caméra produit. Une photographie paysagiste est de 3:2 ou 16:9, donc en faire tenir une dans une bannière signifie jeter la majeure partie de sa hauteur — environ 60 % d’un cadre 3:2.

Les photographies de produits survivent rarement à cela. Ce qui fonctionne, ce sont les artworks composés pour le bandeau : un motif répétitif, un plat pris spécifiquement en largeur, un logo avec un espace généreux autour de lui, ou un champ de couleur avec le produit à une extrémité. Choisissez le recadrage délibérément en utilisant la grille focale plutôt que de laisser un recadrage central prendre ce qui se trouve au milieu.

Quoi mettre sur une bannière de boutique

Une bannière n’est pas un panneau publicitaire et ce n’est pas l’endroit pour un paragraphe. Sur un téléphone, elle est rendue avec quelques centaines de pixels de large, donc la charge utile réaliste est un logo, un court slogan, ou rien du tout au-delà d’une image bien choisie.

Les bannières saisonnières valent l’effort précisément parce qu’elles sont faciles à changer : le même recadrage, un autre artwork, les deux tailles exportées en une seule étape.

  • Un logo ou le nom de la boutique, dimensionné pour être lisible à quelques centaines de pixels de large.
  • Au maximum une courte ligne de texte d’accompagnement.
  • Aucun petit caractère, aucune URL, aucun code de réduction en petit format.
  • Une couleur qui s’accorde avec la photographie des produits de la boutique plutôt qu’elle ne la contraste.

Format et taille de fichier

JPEG pour les bannières photographiques — à 3360 pixels de large, un PNG de la même image est plusieurs fois plus volumineux sans avantage visible. PNG pour les couleurs unies et le lettrage, où les artefacts du JPEG s’accumulent autour de chaque bord. Etsy ré-encode ce qu’il reçoit, donc fournissez une source propre et de haute qualité plutôt que quelque chose qui est déjà compressé deux fois.

Questions fréquentes

Quelle est la taille d’une bannière de boutique Etsy ?

1200 par 300 pixels pour la bannière grande taille, un bandeau de 4:1. Une version de 3360 par 840 au même ratio est ce qui la maintient nette sur les écrans haute densité, et cette page exporte les deux à partir d’un seul recadrage afin qu’elles ne puissent pas dévier l’une de l’autre.

Pourquoi ma bannière Etsy est-elle floue ?

Presque toujours parce que c’est une image de 1200 pixels qui est affichée sur un écran avec deux ou trois pixels appareil par pixel CSS. Le navigateur l’agrandit et le résultat est flou. Fournir une image de 3360 par 840 au même ratio lui donne de vrais pixels à partir desquels dessiner.

Puis-je utiliser une photo de produit comme bannière ?

Seulement si vous la recadrez délibérément. Un bandeau de 4:1 conserve environ 40 % de la hauteur d’une photographie ordinaire de 3:2, donc un recadrage central prend généralement une bande au milieu du sujet. Utilisez la grille focale pour choisir ce qui reste, ou photographiez quelque chose de composé pour la largeur.

Combien de texte une bannière peut-elle porter ?

Un nom de boutique et au plus une courte ligne. Sur un téléphone, la bannière est rendue avec quelques centaines de pixels de large, ce qui rend tout ce qui est en dessous de la taille des titres illisible. Les codes de réduction et les URL en petit format sont les pixels le plus souvent gaspillés sur Etsy.

Quelle est la différence entre la bannière grande et la bannière mini ?

La hauteur et donc le ratio. La bannière grande est de 1200 par 300 au ratio 4:1 ; la bannière mini est de 1200 par 160 au ratio 7,5:1, environ la moitié de la hauteur. Ce sont des emplacements séparés avec des recadrages distincts — une bannière grande compressée dans l’emplacement mini perd son centre.

Ma bannière est-elle envoyée sur ce site pour être redimensionnée ?

Non. Le recadrage, les deux redimensionnements et l’encodage se produisent dans votre navigateur, et le site n’a aucun point de terminaison qui pourrait recevoir le fichier. Pour une marque de boutique non encore lancée, c’est une différence significative, et elle est visible dans le panneau Network plutôt qu’énoncée simplement.

Équipe ToolsByUs · Comment nous vérifions nos outils