▚ toolbin_
FR ▾

Générateur d'image placeholder SVG

Générez une image placeholder SVG légère (dimensions, texte, couleurs) en SVG, data-URI ou balise <img>.

placeholder preview

🔒 100 % côté client — aucune donnée envoyée

Générez une image de remplacement (placeholder) SVG ultra-légère pour vos maquettes : choisissez les dimensions, les couleurs et le texte affiché, puis récupérez le SVG, un data-URI ou une balise <img> prête à coller. Aucune requête réseau, tout est généré localement.

À quoi ça sert ?

  • ▸ Remplacer une image manquante dans une maquette
  • ▸ Créer des vignettes de test aux bonnes dimensions
  • ▸ Éviter une dépendance à un service placeholder externe
  • ▸ Insérer une image inline via data-URI

FAQ

Pourquoi un placeholder SVG plutôt qu'une image ?

C'est un fichier texte minuscule, net à toutes les tailles et intégrable directement en data-URI, sans requête réseau.

Comment utiliser le data-URI ?

Collez-le dans l'attribut src d'une balise <img> ou dans une propriété CSS background-image.

Quelle est la taille maximale ?

Jusqu'à 4000 pixels par côté. Le SVG restant vectoriel, il reste net quelle que soit la taille d'affichage.

Le texte est-il personnalisable ?

Oui, laissez le champ vide pour afficher les dimensions, ou saisissez votre propre texte.

Outils liés

Basic Auth · générateur d’en-tête Générez l’en-tête HTTP Authorization: Basic à partir d’un identifiant et mot de passe. Bearer · en-tête Authorization Générez l’en-tête HTTP Authorization: Bearer et extrayez un token d’un en-tête. Playground de code (JS/TS/Python/PHP) Exécutez du JavaScript, TypeScript, Python ou PHP et voyez le résultat instantanément, 100 % dans le navigateur. Nuances de couleur Générez les nuances (teintes claires et foncées) d’une couleur pour votre palette, dans le navigateur. Cookie · analyseur Décomposez un en-tête Cookie ou Set-Cookie en paires clé/valeur lisibles. En-têtes CORS · générateur Générez les en-têtes CORS (Access-Control-Allow-*) pour votre serveur.