Générer automatiquement des favicons en 2025

 (dev-huiya.github.io)
30 points par huiya 2025-02-13 | 6 commentaires | Partager sur WhatsApp

Favicon Generator

Après avoir vu Comment préparer un favicon en 2025, j’ai créé un outil qui génère automatiquement un favicon en suivant le contenu de l’article.

Essayer

Utilisation

  1. Importer une image SVG au format carré.
  2. Inclure dans le projet le code HTML généré ainsi que les fichiers image téléchargés.
  3. C’est tout.

Détails

  • ✅ Les fichiers SVG sont optimisés avec SVGO.

  • ✅ Les fichiers ICO incluent des images 16px et 32px.

  • ✅ Des images PNG en 180px, 192px et 512px sont générées.

  • ❌ Les fichiers PNG ne sont pas compressés avec Squoosh.

Retour d’expérience

J’ai travaillé dessus avec GPT : il a bien conçu l’UI, mais il y a eu beaucoup de problèmes au moment d’importer des modules externes. Sur cette partie, une intervention humaine a été nécessaire.
GPT n’a pas non plus réussi à créer le fichier ICO, j’ai donc dû ouvrir une nouvelle conversation séparée pour régénérer le code.

C’était vraiment très amusant de refaire ce genre de projet après si longtemps.

À lire aussi

6 commentaires

 
honglu 2025-02-19

Je l’ai trouvé très utile ! Merci.
 
hi098123 2025-02-13

Pour la compression PNG, au lieu d’utiliser Squoosh
vous pouvez utiliser UPNG https://github.com/photopea/UPNG.js, et il devrait être possible de l’intégrer sans trop de difficulté au code actuel.
(De mémoire, quand j’avais comparé auparavant, sur du PNG les performances et le taux de compression étaient similaires, voire légèrement meilleurs. Mais je n’en suis pas certain.)
La valeur cnum permet de définir la compression de 0 à 256, et autour de 128 vous devriez obtenir une compression tout à fait exploitable.
 
secret3056 2025-02-13

Il serait utile d’ajouter l’information suivante : l’icône de masque doit être créée manuellement après suppression des couleurs.
 
secret3056 2025-02-13

Ah, donc les mask icon ne sont plus utilisés maintenant….
 
xguru 2025-02-13

Waouh, c’est vraiment bien. En lisant l’article, je me dis que c’est un projet qu’on peut créer tout de suite avec l’IA, haha. On dirait bien que le monde est en train de changer comme ça.
 
huiya 2025-02-13

Comme le travail répétitif diminue, j’ai l’impression que la charge de travail s’est allégée. Quelle belle époque !