Comment utiliser : Générateur d’images de remplacement
- Saisissez la largeur et la hauteur, ou cliquez sur une taille prédéfinie.
- Définissez l'arrière-plan (couleur unie ou dégradé), la couleur du texte et le libellé —
{w}et{h}définissez les dimensions. - Choisissez le format PNG, JPG, WebP ou SVG, puis téléchargez le fichier — ou copiez une URI de données ou une
<img>balise à insérer dans votre code HTML. - Vous avez besoin d'un ensemble ? Ouvrez « Générer plusieurs tailles », indiquez une taille par ligne, puis téléchargez le fichier ZIP.
Quand utiliser des images de remplacement
Les images de remplacement occupent les emplacements réservés aux images lorsque celles-ci ne sont pas encore prêtes : maquettes fonctionnelles et visuels, modèles de CMS, systèmes de conception, environnements de test et données de départ. En indiquant la taille de chacune d’entre elles, les erreurs de mise en page apparaissent clairement : vous pouvez voir d’un seul coup d’œil si un emplacement de 1 200 × 630 contient bien une image de 1 200 × 630.
Quel format choisir ?
- SVG — quelques centaines d’octets quelle que soit la taille, idéal en ligne dans le code HTML ou sous forme d’URI de données.
- PNG — couleurs exactes et texte net, pour les téléchargements nécessitant un fichier matriciel.
- JPG / WebP — lorsqu’un système n’accepte que des photos ou que vous avez besoin de tailles de fichiers réalistes pour des tests de performances.
Tailles courantes
| Taille | Utilisation |
|---|---|
| 1200 × 630 | Open Graph / aperçu du lien |
| 1920 × 1080 | Image principale Full HD, vignette vidéo 16:9 |
| 1080 × 1080 | Publication carrée sur les réseaux sociaux |
| 300 × 250, 728 × 90, 160 × 600 | Blocs publicitaires IAB |
Créez une véritable image d'aperçu à l'aide du générateur d'images OG, convertissez vos fichiers en Base64 et remplissez vos mises en page avec du texte issu du générateur Lorem Ipsum.
Aussi recherché comme : image de remplacement, générateur d’images factices, fichier svg de remplacement, fausse image, générateur d’images de test.
Outils complémentaires : Générateur d’images de remplacement
- Générateur de données factices — Créez jusqu'à 10 000 lignes de données de test réalistes — utilisateurs, produits, commandes, adresses, entreprises ou enregistrements API imbriqués — ou élaborez votre propre schéma.
- Outil de redimensionnement d’images — Redimensionnez une photo selon des dimensions précises en pixels ou un pourcentage, recadrez-la pour l'adapter au format des réseaux sociaux, ou insérez-la dans un cadre avec une couleur d'arrière-plan — le tout directement dans votre navigateur.
- Générateur de codes-barres — Créez des codes-barres scannables pour vos produits, vos stocks, vos expéditions et vos bibliothèques : les chiffres de contrôle sont calculés automatiquement, et vous pouvez télécharger un fichier SVG de haute qualité pour l'impression ou un fichier PNG pour vos documents.
- Lecteur de codes QR — Pointez votre appareil photo vers un code QR, ou importez une image ou une capture d'écran qui en contient un.
Questions fréquentes
Puis-je utiliser ces images à des fins commerciales ?
Comment utiliser l’URI de données ?
src d’un <img> ou dans le CSS url(). Cela permet d'intégrer l'image directement dans votre code, ce qui évite d'avoir à héberger un fichier.