Aller au contenu
Utilizy

Générateur de favicon

Une image, toutes les tailles dont un site a besoin

Fonctionne dans votre navigateur

Image source

Résultat

Icônes générées

Rien de généré pour l’instant

Déposez une image et lancez la génération — les icônes apparaîtront ici.

Le ZIP contient les images d’icônes, le fichier site.webmanifest et l’extrait HTML.

Un favicon n’est plus un seul fichier. Les navigateurs veulent du 16 et du 32 pixels, iOS du 180, Android du 192 et du 512, et chacun s’attend à les trouver d’une manière particulière. Envoyez une image carrée et récupérez tout le jeu avec le balisage correspondant.

Mode d’emploi

  1. 1 Déposez une image carrée, idéalement de 512 px ou plus.
  2. 2 Par défaut le centre est recadré en carré — désactivez cette option si vous préférez déformer l’image entière pour qu’elle rentre.
  3. 3 Lancez la génération.
  4. 4 Téléchargez le ZIP et collez l’extrait HTML dans le head de vos pages.

Questions fréquentes

Quelle taille doit faire l’image source ?

Au moins 512×512 et carrée. La version 16 px est obtenue par réduction : une source petite ou rectangulaire donne des icônes brouillonnes. Les formes simples et franches survivent bien mieux à la réduction qu’un dessin détaillé.

Ai-je encore besoin de favicon.ico ?

Rarement. Tous les navigateurs actuels lisent les icônes PNG depuis les balises link. Ne gardez le .ico que si vous devez prendre en charge de très anciennes versions d’Internet Explorer, ou si un élément de votre pile le cherche par convention à la racine du site.

À quoi sert site.webmanifest ?

Il indique à Android et Chrome quelles icônes utiliser quand un visiteur ajoute votre site à son écran d’accueil, avec le nom de l’application et la couleur du thème. Sans lui, Android se rabat sur une capture de la page.

À combiner avec