Générateur de favicon

Toutes les tailles courantes prêtes dans un ZIP

Aucune base de données : AIMRAN ne conserve ni vos fichiers, ni vos textes, ni vos résultats

Qu’est-ce que Générateur de favicon ?

Le favicon est la petite icône qui apparaît sur l’onglet, dans les favoris et sur l’écran d’accueil du téléphone quand quelqu’un enregistre votre site. Chaque site a besoin de plusieurs tailles, et les préparer à la main est fastidieux.

Avec ce générateur, vous importez votre logo une seule fois et obtenez tous les fichiers prêts dans un ZIP, avec le code à coller dans votre site. Vous pouvez ajouter un fond de couleur, arrondir les coins ou laisser une marge autour.

Mode d’emploi

  1. Glissez votre logo, idéalement carré et d’au moins 512 px (le SVG fonctionne aussi).
  2. Réglez la marge et, si vous le souhaitez, activez un fond de couleur aux coins arrondis.
  3. Saisissez le nom du site et la couleur du thème pour le manifest.
  4. Vérifiez l’aperçu et cliquez sur « Générer les favicons ».
  5. Téléchargez le ZIP et collez le code HTML dans la balise head.

Avantages

Détails techniques

Des PNG sont générés en 16, 32, 48, 64, 128, 180 (apple-touch-icon.png), 192 et 512 px (android-chrome-192x192.png et android-chrome-512x512.png). Le favicon.ico est un conteneur ICO avec des PNG 32 bits intégrés en 16, 32 et 48 px, format pris en charge par tous les navigateurs actuels et par Windows Vista ou ultérieur. Le site.webmanifest inclut name, short_name (12 caractères), les icônes de 192 et 512 px, theme_color, background_color et display standalone. L’icône est ajustée en mode contenir dans un canevas carré, avec une marge de 0 % à 30 % et un rayon de coin de 0 % à 50 % (cercle). Accepte JPG, PNG, WEBP, AVIF, BMP, GIF, HEIC et SVG jusqu’à 20 Mo.

Questions fréquentes

Quelle taille doit faire un favicon ?

L’essentiel est un favicon.ico en 16, 32 et 48 px, un PNG de 180 px pour iPhone et des PNG de 192 et 512 px pour Android. Ce générateur les crée tous.

Comment mettre le favicon sur mon site ?

Importez les fichiers du ZIP à la racine de votre site et collez le code HTML fourni dans la balise head de vos pages.

Puis-je créer un favicon à partir d’un SVG ?

Oui. Le SVG est converti avec netteté à chaque taille, ce qui donne un très bon résultat sur les grandes icônes.

Qu’est-ce que l’apple-touch-icon ?

C’est l’icône de 180 × 180 px qu’utilisent l’iPhone et l’iPad quand quelqu’un ajoute votre site à l’écran d’accueil.

Plus d’outils : Image