ATELIER DU PAQUET D’ICÔNES / 01

Composer un paquet de favicon vérifiable à partir d’une image

Choisissez un fichier PNG, JPG ou SVG jusqu’à 10 Mo et 25 millions de pixels. Le générateur crée dix fichiers PNG, un ICO avec trois tailles, une enveloppe SVG contenant un PNG, un manifeste web, browserconfig.xml et un fichier de référence HTML.

Ouvrir le générateur

Le paquet présente un inventaire de fichiers visible

Le générateur crée ces fichiers depuis l’image choisie. Vérifiez noms, tailles et références de configuration avant de les ajouter à un site.

Dix fichiers PNG

Le ZIP contient des PNG de 16, 32, 48, 120, 144, 152, 167, 180, 192 et 512 px.

favicon.ico

Le fichier ICO contient les entrées PNG générées de 16, 32 et 48 px.

favicon.svg

Le fichier SVG est une enveloppe SVG contenant le PNG généré de 512 px ; il ne reconstruit pas une source vectorielle.

Trois fichiers de référence

site.webmanifest, browserconfig.xml et favicon-html.txt utilisent les noms et couleurs affichés dans l’éditeur.

Générer l’ensemble puis vérifier les fichiers en contexte

Une source non carrée est contenue proportionnellement dans chaque canevas carré au lieu d’être étirée. Les aperçus utilisent les PNG générés de 32, 180 et 192 px.

  1. 1. Choisir une image source

    Sélectionnez un PNG, JPG ou SVG dans les limites visibles de 10 Mo et 25 millions de pixels.

  2. 2. Définir les références

    Vérifiez les avertissements et définissez au besoin couleurs et noms pour les fichiers de configuration.

  3. 3. Vérifier avant installation

    Ouvrez le ZIP, vérifiez dimensions et fichiers texte, puis adaptez les chemins à la structure du site prévu.

Contrôles et sorties fixes

L’outil accepte une entrée PNG, JPG ou SVG déclarée. Il contrôle octets d’entrée et pixels décodés avant de créer les fichiers listés.

  • 01 — image d’entrée par paquet
  • 10 Mo — maximum d’octets d’entrée
  • 25 MP — maximum de pixels décodés
  • 10 — fichiers PNG générés

Vérifier fichiers, références et affichage

  • Vérifier les noms et dimensions des dix PNG
  • Lire site.webmanifest, browserconfig.xml et favicon-html.txt
  • Tester les références installées dans le navigateur et l’appareil cible

Prêt à créer l’inventaire du paquet ?

Ouvrez le générateur, choisissez une image, vérifiez les champs puis contrôlez les fichiers téléchargés avant installation.

Ouvrir le générateur

Composer un paquet de favicon vérifiable à partir d’une image

Quelles tailles PNG sont créées ?

Le paquet contient des PNG de 16, 32, 48, 120, 144, 152, 167, 180, 192 et 512 px.

Le favicon.svg généré est-il une conversion vectorielle ?

Non. L’outil place le PNG généré de 512 px dans une enveloppe SVG. Conservez une source SVG originale lorsqu’une source vectorielle est nécessaire.

Que contient la référence HTML ?

Elle lie SVG, PNG 32 et 16 px, icône Apple Touch, manifeste web, couleur de thème et chemin de configuration. Vérifiez et adaptez les chemins avant utilisation.