Banner Studio

Studio de bannières

Overview

Banner Studio designs store and social banners in your browser. You compose once — photo, panel, text and logo — and export the same design at every platform size you need, as PNG or a single ZIP (single-size PNG export is free; a multi-size ZIP costs 2 tokens, free on Studio plans). Positions are stored as proportions of the canvas, so one design adapts to a 3360×840 Etsy banner and a 600×200 email header without redoing the layout. It is free, with 72 templates included; premium templates cost 2 tokens each. Your work autosaves as you go, so a reload never costs you a design.

How to use

  1. Open Banner Studio from the sidebar. The left menu collapses to an icon rail to give the canvas room — hover any icon to see its name.
  2. Click Templates in the bottom toolbar and pick a starting point, or skip it and build from the blank canvas. The newest designs are listed first.
  3. Click Platform sizes and choose every size you want to export, or build your own with Your own size at the top of the panel. They appear as chips under the canvas; click a chip to switch the canvas to that size, and the × on a chip to remove it. Up to 20 sizes per export.
  4. In the right panel's Image tab, search free photos from Pexels or Unsplash, or open Upload your own. Drag the photo on the canvas to pan it and scroll to zoom.
  5. In the Text tab, edit the headline and body copy — font, size, spacing, colour, alignment — and upload a logo under Logo / icon.
  6. In the Layout tab, shape the panel behind your text, add an overlay wash, or set the background colour and gradient.
  7. Click any element on the canvas to select it. The right panel jumps to its controls. Drag to move, drag a corner handle to resize, and drag the round handle below it to rotate.
  8. Click the save icon on the canvas to keep the whole banner under a name you can reopen and keep editing, and New banner under the canvas when you want to start the next one.
  9. Click Lock placement once a size looks right. Locked sizes ignore drags, so refining one size can't disturb another.
  10. Click Export images (ZIP) — or Export PNG for a single size — to download full-resolution files with no watermark.

Editing on the canvas

Selecting an element brings up a toolbar beside it. Right-clicking an element selects it too. What the toolbar offers depends on what you picked:

  • Photo — Replace photo jumps to the stock search and Border frames the whole banner.
  • Shape — Photo and Color switch the fill between a picture and a flat colour, and Border outlines the mask.
  • Logo — Replace logo opens the file picker.
  • Text — a colour swatch, plus a picture button that fills the letters with a photo.

Everything also gets size and rotation steppers, Hide, Duplicate and Save as a preset. Hiding keeps the layer selected, so the same button brings it straight back. Delete appears on duplicates only, so your original layers can't be removed by accident.

The × in the toolbar's corner puts it away without dropping your selection — click the layer again to bring it back. The four-arrow pad at the left end moves the toolbar itself: click the arrow for the side you want, or the middle dot for Auto, which picks the first side with room so it never covers what you are editing. Your choice is remembered.

Move photo appears on the toolbar whenever the selected layer holds a picture — a shape mask or letters filled with a photo. Turn it on and dragging slides the picture inside its outline instead of moving the layer, so you can push a subject's head out of the top of a triangle, or bring a face into the middle of a circle. Done gives dragging back to the layer. Holding Alt (Option on a Mac) and dragging does the same thing without turning anything on.

Panning needs slack to work with. At 100% the picture is fitted to the outline, so one axis usually has room and the other doesn't; the axis with no room simply holds still. Zoom in to free both.

A shape filled with a photo gets two rotation controls: one turns the mask, the other turns the photo inside it. They are independent, so rotating a shape leaves its photo upright unless you rotate that too.

Moving, resizing and rotating

Drag an element to move it. Drag any corner handle to resize — text and logos grow in point size, shapes as a share of the banner. Drag the round handle below the element to rotate; the selection box turns with it so the handles stay where you expect. The toolbar steppers do the same in fixed increments, and the Text and Logo panels have sliders.

Undo and redo sit with the canvas controls, and answer to Cmd/Ctrl+Z and Shift+Cmd/Ctrl+Z. A whole drag counts as one step rather than dozens.

Aligning several layers at once

Hold Shift and click to add layers to your selection. The extra ones get a dashed outline while the first keeps its handles. An alignment bar appears above the bottom toolbar with left, centre and right, top, middle and bottom, and even spacing across or down — the last two need three or more layers.

Alignment uses each layer's visible box rather than its anchor point, so text of different widths lines up on the edge you can actually see. Done clears the extra selection.

Text styling

  • Fonts preview in their own typeface in the picker, so you choose by looking rather than guessing from a name.
  • Weight runs from Thin through to Black, and the slider offers only the weights the chosen family actually ships — Montserrat and Inter give you all nine, Oswald six, Caveat four. Single-weight display faces such as Anton and Bebas Neue say so instead of offering a slider that would do nothing. Changing font keeps you as close to your chosen weight as the new family allows.
  • Size runs well past the height of the banner. Oversized type that runs off the edge is a deliberate look, and only the visible part prints.
  • Spacing sets letter tracking, from slightly tight to widely spaced caps.
  • Wrapping is off by default — a line runs as long as it likes and only an explicit line break starts a new one. Tick Wrap onto new lines if you would rather the text reflow inside a column.
  • Outline draws a stroke around the letters, with an Outline only option for hollow lettering and a slider for thickness.
  • Fill with a photo pours a picture through the glyphs — click the picture button beside the colour swatch. Everything that follows then lives in one card; see Photo lettering below.

Weight matters most when the letters are filled with a photo, because the strokes are the only window onto the picture. Montserrat at Black shows roughly three times the photo that the same headline shows at Light. Applying a fill therefore jumps the layer to the family's heaviest weight for you, and the panel offers a one-click way back up if you later dial it down. Heavy faces such as Anton, Archivo Black and Bebas Neue are drawn thick to begin with, and hold an outline without closing up.

Photo lettering

Filling letters with a photo opens a Photo lettering card, and every control for that effect is inside it — nothing about the picture in your letters lives anywhere else.

  • Replace image is the big button next to the thumbnail. It opens Upload, Pexels and Unsplash as three labelled choices; pick one and the new photo drops straight into the letters. The thumbnail always shows what is in there now.
  • Zoom crops tighter or looser, from 100% up to 400%.
  • Move ← → and Move ↑ ↓ slide the picture inside the glyphs, so you can bring the part you want into view. They only work above 100%: at 100% the photo is fitted to the letters exactly and there is nothing outside them to pan into, so the sliders grey out and offer you the zoom that frees them. Recentre the photo puts zoom and position back to the start.
  • Overlay tint lays a colour over the picture — pick the colour, then set how strongly it covers. It is the fix for a busy photo that leaves the headline hard to read, and it stays inside the letters rather than washing the banner.
  • Letter border outlines the glyphs, with its own colour and a thickness slider. A border plus a photo inside is the combination most people are after: the outline holds the shape together while the picture fills it. Tick Border only if you want the outline alone and no photo.

Every layer owns its own image

Artwork is never shared between layers. The banner background, each shape and each logo hold their own picture, so:

  • Changing the background photo leaves your shapes untouched.
  • Duplicating a shape or logo gives the copy its own image — replace one and the other stays as it was.

When a shape is selected, the next photo you pick or upload goes into that shape. Deselect it first if you meant to change the background instead. Every stock photo in the design is credited on the attribution line under the canvas.

Borders scale with the canvas, so a border set on a 1200×400 banner stays visually identical on a 3360×840 export.

Overlay and layer order

Layout → Overlay layer adds a wash across the whole banner — the usual way to darken a photo so text reads over it. It stays full-bleed when you switch size preset.

Layers you add stack in the order you created them, and the up and down arrows on the toolbar move the selected one through that stack. That is what makes the overlay useful: slide it beneath the text you want to stay crisp. The original headline, body, logo, shape and background keep a fixed position underneath anything you add.

Saving your work

Your banner autosaves in this browser as you edit, so closing the tab or reloading does not lose it.

For named copies, click the save icon on the canvas or open My banners in the bottom toolbar. A saved banner keeps every layer and your size selection, and reopening it puts you straight back into editing — unlike Export, which produces a flat picture. Cards can be renamed, overwritten from the canvas, or deleted, and Start a blank one clears the canvas.

A save is a snapshot, not a link. Once you have saved, carrying on editing cannot change the stored copy — so the easy way to make a second design is to keep working and save again, which files it as a new entry. To update an existing card instead of adding another, click its pencil; that is the only control that overwrites in place.

Starting a new banner

New banner — the orange button at the right of the effects bar under the canvas — clears everything and hands you a fresh canvas.

If the design on screen has never been saved, it asks first. Save it, then start new takes you through naming it and drops you on the blank canvas once it is filed; Discard and start new throws it away; Cancel leaves everything as it was. When the canvas is already blank, or matches a banner you have saved, there is nothing to lose and it skips straight to the new one.

Download as file writes the banner to a .json you can move to another computer or send to a colleague; Open a file loads one back.

Saved banners live in this browser only. Uploaded images cannot be stored — they are held in temporary browser memory that is discarded when the page closes — so a reopened banner asks you to add those again. Stock photos come back intact.

Saving your own presets

Any text, shape or logo can be saved on its own. Select it, click Save on its toolbar, give it a name and a group. Saved layers live under My presets; click one to drop it onto the banner you are working on as an independent layer.

Groups are laid out side by side with everything visible at once, so you never have to open a folder to see what is inside. Hover a preset for two buttons: the pencil updates it and the × deletes it. Updating replaces a preset in place — select the layer you want to keep, click the pencil, and it takes that layer's artwork along with any new name or group. With nothing selected the same dialog only renames or regroups it.

Options

  • 15 platform presets at exact pixel dimensions — Shopify hero and collection, WordPress, Squarespace, Wix, Etsy, Facebook, LinkedIn, Twitter/X, YouTube, email headers, and generic wide, square and story sizes.
  • Your own sizes — give a width and height between 32 and 8000 px, name it if you like, and it joins the list under Your sizes. Custom sizes are kept in this browser and behave exactly like the built-in ones: design once, export them together, delete with the ×.
  • 19 shape masks — circle, ring, oval, semicircle, D-shape, pill, squircle, arch, triangle, hexagon in both orientations, diamond, star, trapezoid, parallelogram and more.
  • 72 free templates — a seasonal set covering four seasons across ten promotional-product categories, a shape-driven set built on geometric clusters, and the original launch set.
  • Text-free graphic templates (premium) — geometry only, with the headline layers switched off, for storefronts that render their own copy over the artwork: Shopify slideshow slides, Etsy banners, WordPress hero blocks. Full-bleed and half honeycombs, two/three/four oblique panels, a diamond band, arches and a circle row. Every cell is an independent layer, so you can drop a different photo into each one.
  • Lock to screen — the padlock beside the save icon fits the whole studio to the window and stops the page scrolling behind it, so the canvas, the effects bar, your sizes and the toolbar are all reachable without moving. Click it again to bring the page heading back. Your choice is remembered.
  • Full view — the expand icon shows the banner on its own, filling the browser window. Selected sizes appear along the bottom so you can flip between them; leave with Exit full view, Esc, or a click beside the banner.
  • Layer effects in the bar under the canvas: opacity, blend mode, drop shadow and warp.
  • Uploads are capped at 5 MB and 4000 × 4000 px per file. SVGs have no pixel limit because they scale without loss.
  • Stock photos come from Pexels and Unsplash. Their licences require a photo to be part of a design rather than redistributed as-is, so export is blocked while a stock picture carries nothing over it — add text, a shape or a panel, or use Make it a photo banner to set that up in one click.

Tips

  • Add all your sizes before you fine-tune. Switching between chips shows how the design holds up at each aspect ratio.
  • Lock a size as soon as it looks right, then move to the next — the fastest way to get every export usable.
  • Duplicate a text layer for a two-tone headline: colour each copy differently and offset them slightly.
  • A shape filled with a flat colour and given a border makes a clean badge for a price or a discount.
  • Save a banner before trying a bold variation. You can always reopen the earlier version.
  • SVG logos are sanitized on upload — scripts and external references are stripped before the file is drawn.

Privacy

Banner Studio composes and exports entirely in your browser on a canvas. Photos and logos you upload never leave your device, exports are generated locally, and saved banners and presets stay in this browser rather than on an account. Only stock photo searches contact a server, and only with your search term.

Aperçu

Le Studio de bannières crée des bannières de boutique et de réseaux sociaux dans votre navigateur. Vous composez une seule fois — photo, panneau, texte et logo — puis exportez le même design à toutes les tailles nécessaires, en PNG ou dans un seul ZIP. Les positions sont enregistrées en proportions du canevas : un même design s'adapte à une bannière Etsy 3360×840 comme à un en-tête d'e-mail 600×200 sans refaire la mise en page. C'est gratuit, avec 72 modèles inclus ; les modèles premium coûtent 1 jeton chacun. Votre travail s'enregistre automatiquement : un rechargement ne vous fait jamais perdre un design.

Comment l'utiliser

  1. Ouvrez le Studio de bannières depuis la barre latérale. Le menu de gauche se réduit en rail d'icônes pour laisser de la place au canevas — survolez une icône pour voir son nom.
  2. Cliquez sur Modèles dans la barre du bas et choisissez un point de départ, ou partez du canevas vierge. Les créations les plus récentes apparaissent en premier.
  3. Cliquez sur Tailles de plateforme et sélectionnez toutes les tailles à exporter, ou créez la vôtre avec Votre propre taille en haut du panneau. Elles apparaissent en pastilles sous le canevas ; cliquez une pastille pour basculer le canevas sur cette taille, et le × pour la retirer. Jusqu'à 20 tailles par export.
  4. Dans l'onglet Image du panneau de droite, cherchez des photos gratuites sur Pexels ou Unsplash, ou ouvrez Importer la vôtre. Faites glisser la photo sur le canevas pour la recadrer, la molette pour zoomer.
  5. Dans l'onglet Texte, modifiez le titre et le texte courant — police, taille, espacement, couleur, alignement — et importez un logo sous Logo / icône.
  6. Dans l'onglet Mise en page, réglez le panneau derrière votre texte, ajoutez un voile, ou définissez la couleur et le dégradé de fond.
  7. Cliquez un élément sur le canevas pour le sélectionner. Le panneau de droite affiche ses réglages. Faites glisser pour déplacer, tirez une poignée d'angle pour redimensionner, la poignée ronde en dessous pour pivoter.
  8. Cliquez l'icône d'enregistrement sur le canevas pour conserver la bannière entière sous un nom que vous pourrez rouvrir et continuer à modifier, et Nouvelle bannière sous le canevas quand vous voulez passer à la suivante.
  9. Cliquez Verrouiller la position dès qu'une taille vous convient. Les tailles verrouillées ignorent les déplacements.
  10. Cliquez Exporter les images (ZIP) — ou Exporter en PNG pour une seule taille — pour télécharger des fichiers pleine résolution sans filigrane.

Modifier sur le canevas

Sélectionner un élément fait apparaître une barre d'outils à côté. Un clic droit sélectionne également. Le contenu dépend de l'élément :

  • Photo — Remplacer la photo ouvre la recherche, Bordure encadre toute la bannière.
  • Forme — Photo et Couleur basculent le remplissage entre une image et un aplat, Bordure trace le contour du masque.
  • Logo — Remplacer le logo ouvre le sélecteur de fichier.
  • Texte — un nuancier, plus un bouton image qui remplit les lettres avec une photo.

Chaque élément dispose aussi de réglages de taille et de rotation, de Masquer, Dupliquer et Enregistrer en préréglage. Masquer conserve la sélection : le même bouton le fait réapparaître. Supprimer n'apparaît que sur les doublons, vos calques d'origine ne peuvent pas disparaître par accident.

Le × dans le coin referme la barre sans désélectionner — recliquez le calque pour la rouvrir. Le pavé à quatre flèches à gauche déplace la barre : cliquez la flèche du côté voulu, ou le point central pour Auto, qui choisit le premier côté disponible afin de ne jamais masquer ce que vous modifiez. Votre choix est mémorisé.

Déplacer la photo apparaît dans la barre d'outils dès que le calque sélectionné contient une image — un masque de forme ou des lettres remplies d'une photo. Activez-le et le glissement fait coulisser l'image à l'intérieur de son contour au lieu de déplacer le calque : vous pouvez ainsi sortir la tête d'un sujet par le haut d'un triangle, ou recentrer un visage dans un cercle. Terminé rend le glissement au calque. Maintenir Alt (Option sur Mac) en glissant fait la même chose sans rien activer.

Le déplacement a besoin de marge. À 100 %, l'image épouse le contour : un axe a généralement du jeu, l'autre non, et l'axe sans jeu reste immobile. Zoomez pour libérer les deux.

Une forme remplie d'une photo dispose de deux rotations : l'une tourne le masque, l'autre la photo à l'intérieur. Elles sont indépendantes.

Déplacer, redimensionner, pivoter

Faites glisser un élément pour le déplacer. Tirez une poignée d'angle pour le redimensionner — le texte et les logos changent de taille, les formes de proportion. Tirez la poignée ronde en dessous pour pivoter ; le cadre tourne avec l'élément. Les réglages de la barre font la même chose par paliers, et les onglets Texte et Logo proposent des curseurs.

Annuler et Rétablir se trouvent avec les commandes du canevas, et répondent à Cmd/Ctrl+Z et Maj+Cmd/Ctrl+Z. Un déplacement complet compte pour une seule étape.

Aligner plusieurs calques

Maintenez Maj et cliquez pour ajouter des calques à la sélection. Les calques ajoutés reçoivent un contour pointillé, le premier garde ses poignées. Une barre d'alignement apparaît au-dessus de la barre du bas : gauche, centre et droite, haut, milieu et bas, et répartition régulière en largeur ou en hauteur — ces deux dernières demandent au moins trois calques.

L'alignement se base sur la boîte visible de chaque calque, pas sur son point d'ancrage : des textes de largeurs différentes s'alignent donc sur le bord que vous voyez réellement. Terminé efface la sélection supplémentaire.

Mise en forme du texte

  • Les polices s'affichent dans leur propre caractère dans le sélecteur : vous choisissez en regardant, pas en devinant d'après un nom.
  • La graisse va de Fin à Noir, et le curseur ne propose que les graisses réellement fournies par la famille choisie — Montserrat et Inter en offrent neuf, Oswald six, Caveat quatre. Les caractères d'affichage à graisse unique comme Anton ou Bebas Neue l'indiquent plutôt que d'offrir un curseur sans effet. Changer de police vous garde aussi proche que possible de la graisse choisie.
  • La taille dépasse largement la hauteur de la bannière. Un texte surdimensionné qui déborde est un parti pris ; seule la partie visible s'imprime.
  • L'espacement règle l'interlettrage, du resserré aux capitales très espacées.
  • Le retour à la ligne est désactivé par défaut — une ligne court aussi loin qu'elle veut et seul un saut de ligne explicite en commence une nouvelle. Cochez Retour à la ligne automatique pour que le texte se replie dans une colonne.
  • Contour trace un trait autour des lettres, avec une option Contour seul pour des lettres creuses et un curseur d'épaisseur.
  • Remplir avec une photo fait passer une image à travers les lettres — cliquez le bouton image à côté du nuancier. Tout le reste tient ensuite dans une seule carte ; voyez Lettrage photo plus bas.

La graisse compte surtout quand les lettres sont remplies d'une photo, car les jambages sont la seule fenêtre sur l'image. Montserrat en Noir laisse voir environ trois fois plus de photo que le même titre en Fin. Appliquer un remplissage fait donc passer le calque à la graisse la plus lourde de la famille, et le panneau propose un retour en un clic si vous l'allégez ensuite. Les caractères comme Anton, Archivo Black ou Bebas Neue sont épais par nature et supportent un contour sans se boucher.

Lettrage photo

Remplir les lettres d'une photo ouvre une carte Lettrage photo, et toutes les commandes de cet effet s'y trouvent — rien de ce qui concerne l'image dans vos lettres ne vit ailleurs.

  • Remplacer l'image est le grand bouton à côté de la vignette. Il ouvre Importer, Pexels et Unsplash en trois choix étiquetés ; choisissez-en un et la nouvelle photo entre directement dans les lettres. La vignette montre toujours l'image en cours.
  • Zoom recadre plus ou moins serré, de 100 % à 400 %.
  • Déplacer ← → et Déplacer ↑ ↓ font glisser l'image à l'intérieur des lettres, pour amener la partie voulue dans le champ. Elles n'agissent qu'au-delà de 100 % : à 100 % la photo épouse exactement les lettres et il n'y a rien en dehors où se déplacer, donc les curseurs se grisent et vous proposent le zoom qui les libère. Recentrer la photo remet zoom et position au départ.
  • Teinte de superposition pose une couleur sur l'image — choisissez la couleur, puis son intensité. C'est la solution pour une photo chargée qui rend le titre illisible, et elle reste à l'intérieur des lettres au lieu de délaver la bannière.
  • Bordure des lettres contourne les caractères, avec sa propre couleur et un curseur d'épaisseur. Une bordure avec une photo à l'intérieur est la combinaison la plus recherchée : le contour tient la forme pendant que l'image la remplit. Cochez Bordure seule pour ne garder que le contour, sans photo.

Chaque calque possède sa propre image

Les images ne sont jamais partagées entre calques. L'arrière-plan, chaque forme et chaque logo gardent leur propre visuel :

  • Changer la photo d'arrière-plan ne touche pas vos formes.
  • Dupliquer une forme ou un logo donne au doublon sa propre image.

Quand une forme est sélectionnée, la prochaine photo choisie ou importée va dans cette forme. Désélectionnez-la si vous vouliez changer le fond. Chaque photo de stock utilisée est créditée sous le canevas.

Les bordures suivent l'échelle du canevas : une bordure réglée sur une bannière 1200×400 reste identique sur un export 3360×840.

Voile et ordre des calques

Mise en page → Calque de voile ajoute un voile sur toute la bannière — la façon habituelle d'assombrir une photo pour que le texte se lise. Il reste plein cadre quand vous changez de taille.

Les calques ajoutés s'empilent dans l'ordre de création, et les flèches haut et bas de la barre d'outils déplacent le calque sélectionné dans cette pile. C'est ce qui rend le voile utile : glissez-le sous le texte que vous voulez garder net. Le titre, le texte courant, le logo, la forme et l'arrière-plan d'origine restent sous tout ce que vous ajoutez.

Enregistrer votre travail

Votre bannière s'enregistre automatiquement dans ce navigateur pendant que vous travaillez : fermer l'onglet ou recharger ne vous la fait pas perdre.

Pour des copies nommées, cliquez l'icône d'enregistrement sur le canevas ou ouvrez Mes bannières dans la barre du bas. Une bannière enregistrée conserve tous les calques et votre sélection de tailles, et la rouvrir vous remet directement en édition — contrairement à l'export, qui produit une image figée. Les fiches peuvent être renommées, écrasées depuis le canevas, ou supprimées, et Repartir de zéro vide le canevas.

Un enregistrement est un instantané, pas un lien. Une fois enregistré, continuer à modifier ne change plus la copie stockée — le moyen simple de créer un second visuel est donc de poursuivre le travail puis d'enregistrer à nouveau, ce qui le classe comme une nouvelle entrée. Pour mettre à jour une fiche existante au lieu d'en ajouter une, cliquez son crayon ; c'est le seul contrôle qui écrase sur place.

Démarrer une nouvelle bannière

Nouvelle bannière — le bouton orange à droite de la barre d'effets sous le canevas — efface tout et vous donne un canevas vierge.

Si le visuel à l'écran n'a jamais été enregistré, une confirmation s'affiche. L'enregistrer, puis recommencer vous fait le nommer et vous dépose sur le canevas vierge une fois classé ; Abandonner et recommencer le jette ; Annuler ne touche à rien. Quand le canevas est déjà vierge, ou correspond à une bannière que vous avez enregistrée, il n'y a rien à perdre et vous passez directement à la nouvelle.

Télécharger en fichier écrit la bannière dans un .json transportable vers un autre ordinateur ou un collègue ; Ouvrir un fichier le recharge.

Les bannières enregistrées ne vivent que dans ce navigateur. Les images importées ne peuvent pas être stockées — elles résident dans une mémoire temporaire effacée à la fermeture de la page — une bannière rouverte vous demandera donc de les rajouter. Les photos de stock reviennent intactes.

Enregistrer vos préréglages

Tout texte, forme ou logo peut être enregistré séparément. Sélectionnez-le, cliquez Enregistrer dans sa barre d'outils, donnez-lui un nom et un groupe. Les calques enregistrés apparaissent sous Mes préréglages ; cliquez-en un pour le déposer sur la bannière en cours en calque indépendant.

Les groupes sont affichés côte à côte, tout visible d'un coup. Survolez un préréglage pour deux boutons : le crayon le met à jour, le × le supprime. La mise à jour remplace le préréglage sur place — sélectionnez le calque à conserver, cliquez le crayon, et il reprend ce calque ainsi que tout nouveau nom ou groupe. Sans sélection, la fenêtre se contente de renommer ou de changer de groupe.

Options

  • 15 formats de plateforme aux dimensions exactes — Shopify héro et collection, WordPress, Squarespace, Wix, Etsy, Facebook, LinkedIn, Twitter/X, YouTube, en-têtes d'e-mail et formats génériques large, carré et story.
  • Vos propres tailles — indiquez une largeur et une hauteur entre 32 et 8000 px, nommez-la si vous voulez, et elle rejoint la liste sous Vos tailles. Les tailles personnalisées sont conservées dans ce navigateur et se comportent comme les formats intégrés : concevez une fois, exportez-les ensemble, supprimez avec le ×.
  • 19 masques de forme — cercle, anneau, ovale, demi-cercle, forme en D, pilule, squircle, arche, triangle, hexagone dans les deux orientations, losange, étoile, trapèze, parallélogramme et plus.
  • 72 modèles gratuits — une série saisonnière couvrant quatre saisons et dix catégories d'objets promotionnels, une série géométrique bâtie sur des grappes de formes, et la série d'origine.
  • Verrouiller à l'écran — le cadenas à côté de l'icône d'enregistrement ajuste tout le studio à la fenêtre et empêche la page de défiler derrière, si bien que le canevas, la barre d'effets, vos tailles et la barre d'outils sont tous accessibles sans bouger. Cliquez à nouveau pour retrouver le titre de la page. Votre choix est mémorisé.
  • Vue plein écran — l'icône d'agrandissement affiche la bannière seule, occupant toute la fenêtre. Les tailles sélectionnées apparaissent en bas ; sortez avec Quitter la vue plein écran, Échap, ou un clic à côté de la bannière.
  • Effets de calque dans la barre sous le canevas : opacité, mode de fusion, ombre portée et déformation.
  • Imports limités à 5 Mo et 4000 × 4000 px par fichier. Les SVG n'ont pas de limite en pixels.
  • Photos de stock issues de Pexels et Unsplash. Leurs licences exigent qu'une photo fasse partie d'un design plutôt que d'être rediffusée telle quelle : l'export est donc bloqué tant qu'une photo de stock ne porte rien par-dessus — ajoutez du texte, une forme ou un panneau, ou utilisez En faire une bannière photo pour tout mettre en place d'un clic.

Astuces

  • Ajoutez toutes vos tailles avant d'affiner. Passer d'une pastille à l'autre montre comment le design tient à chaque proportion.
  • Verrouillez une taille dès qu'elle vous convient, puis passez à la suivante.
  • Dupliquez un calque texte pour un titre bicolore : colorez chaque copie différemment et décalez-les légèrement.
  • Une forme en aplat avec une bordure fait un badge net pour un prix ou une remise.
  • Enregistrez une bannière avant d'essayer une variante audacieuse : vous pourrez toujours rouvrir la version précédente.
  • Les logos SVG sont assainis à l'import — scripts et références externes sont supprimés avant l'affichage.

Confidentialité

Le Studio de bannières compose et exporte entièrement dans votre navigateur, sur un canvas. Les photos et logos importés ne quittent jamais votre appareil, les exports sont générés localement, et les bannières et préréglages enregistrés restent dans ce navigateur plutôt que sur un compte. Seules les recherches de photos contactent un serveur, et uniquement avec votre terme de recherche.