Générateur d'icône README (style Shields.io)

Générateur de badges README

Le générateur de badges README crée des badges de style Shields.io, pixel par pixel, directement dans votre navigateur. Choisissez un modèle prédéfini ou créez votre propre étiquette et message, sélectionnez des couleurs et un style (plat, carré plat, pour le badge ou plastique), et obtenez une sortie prête à être utilisée en Markdown, HTML, SVG ou URL de données. Aucun appel à une API externe, aucune dépendance réseau, aucun badge cassé lorsque le service est en panne — l'SVG est généré côté client et intégré directement.

Comment utiliser

1. Choisissez un modèle dans la liste déroulante « Modèle », ou restez sur « Personnalisé » et remplissez votre propre étiquette et message.
2. Sélectionnez une couleur d'étiquette et une couleur de message — des couleurs prédéfinies de Shields.io ou un code hexadécimal personnalisé.
3. Sélectionnez un style de badge : plat, carré plat, pour le badge ou plastique.
4. Observez à jour la prévisualisation en temps réel sur des fonds clairs et sombres.
5. Copiez le Markdown, l'HTML, l'URL ou le SVG brut — ou téléchargez le fichier SVG.

Caractéristiques

• Quatre styles de badges – Plat, carré plat, pour le badge (majuscules, plus haut), et plastique avec ombre de gradient.
• Modèles inclus – Version, licence, statut de compilation, couverture, téléchargements, étoiles, et modèle « fait avec amour ».
• Prévisualisation en temps réel – Rendu instantané avec un commutateur de fond clair/sombre afin de voir comment le badge s'intègre dans différents thèmes de README.
• Quatre formats de sortie – Markdown, balise HTML img, URL de données SVG et code SVG brut.
• SVG autonome – Le texte est rendu comme des nœuds SVG réels avec des largeurs mesurées, des ombres et des coins arrondis où approprié.
• Couleurs personnalisées – Palette standard de Shields.io plus un sélectionneur de couleurs hexadécimales libre.
• Traitement côté client à 100 % – Aucun appel à API, aucune traçabilité, aucune limite de vitesse. Fonctionne en mode hors ligne une fois que la page est chargée.
• Copie en un clic et téléchargement SVG – Exportez un fichier .svg autonome pour le placer dans n'importe quel dépôt.

Cas d'utilisation courants

• ReadMe open-source – Affichez rapidement l'état de compilation, la version, la licence, la couverture ou le nombre de téléchargements.
• Tableaux de bord des projets – Intégrez des badges de statut cohérents dans vos wikis internes et sites de documentation.
• Sites de portfolio – Décorez les cartes de projets avec des étiquettes stylisées sans charger de services d'images externes.
• Pages de marketing – Utilisez des badges « fait avec » et des badges personnalisés comme des graphismes légers.
• Documentation hors ligne – Distribuez des badges qui s'affichent même derrière des pare-feux bloquant shields.io.

Pourquoi générer des badges localement

Les services de badges distants sont pratiques, mais ils ajoutent un saut réseau chaque fois qu'un utilisateur charge son README. Quand ces services ralentissent, sont limités ou modifient leurs paramètres par défaut, vos badges se cassent silencieusement. Un SVG généré localement est un fichier statique — il s'affiche partout où le Markdown ou l'HTML le permet, est inclus dans votre dépôt et résiste aux interruptions de service. Il vous donne également un contrôle complet sur les couleurs, les espaces et les poids des polices, afin que les badges correspondent à un style visuel cohérent dans toute l'organisation.