Générateur d'images de substitution

Comment créer une image de substitution

1. Saisissez la Largeur (px) et la Hauteur (px), de 1 à 10 000 pixels. L’aperçu et son ratio se mettent à jour pendant la saisie.
2. Tapez un Texte, ou laissez le champ vide pour afficher la taille, par exemple « 1200×630 ».
3. Choisissez la Couleur de fond et la Couleur du texte.
4. Laissez Taille du texte (px) à 0 pour une taille automatique adaptée à l’image, ou indiquez une taille en pixels. Choisissez une Police.
5. Sélectionnez le Format : PNG, JPG, WebP ou SVG, puis cliquez sur Télécharger l’image.

Pour produire plusieurs tailles d’un coup, ouvrez Lot de tailles courantes, cochez les tailles voulues (ou utilisez Tout cocher / Tout décocher), puis cliquez sur Télécharger les tailles choisies (ZIP). Chaque image reprend les couleurs, la police et le format choisis ; si le texte est vide, chacune affiche sa propre taille.

Quel format choisir ?

• Le SVG est le plus léger (quelques centaines d’octets, quelle que soit la taille) et reste net à tous les zooms. Idéal pour les maquettes, les prototypes et les gabarits HTML. Le texte utilise une police système : son rendu peut légèrement varier d’un ordinateur à l’autre.
• Le PNG donne des pixels exacts, sans perte. Choisissez-le pour les logiciels de design ou quand une vraie image matricielle est exigée.
• Le JPG produit des fichiers légers en grande taille et passe partout, y compris dans les vieux CMS.
• Le WebP est plus léger que le PNG et le JPG, et tous les navigateurs actuels l’affichent.

Les formats matriciels sont limités à environ 16,7 millions de pixels (par exemple 4096 × 4096), le plus grand canevas que les navigateurs savent encoder. Le SVG n’a pas cette limite.

Les tailles courantes du lot

Les formats publicitaires suivent les unités standard de l’IAB, utilisées par la plupart des régies ; les formats sociaux correspondent aux recommandations des grandes plateformes.

À quoi servent les images de substitution ?

Une image de substitution réserve exactement la place qu’occupera une image avant que le visuel définitif existe. Designers et développeurs peuvent ainsi vérifier une mise en page, tester les points de rupture d’un site adaptatif ou montrer à un client l’emplacement des visuels sans chercher de photos. Afficher les dimensions sur l’image indique clairement la taille attendue à chaque endroit, et un gris neutre garde l’attention sur la mise en page plutôt que sur le contenu.

Comme cet outil crée de vrais fichiers, vous pouvez les utiliser hors ligne, les ajouter à un dépôt de code ou les glisser dans un logiciel de design, sans dépendre d’un service externe de placeholders qui pourrait tomber en panne ou suivre vos visiteurs.