Comment créer un favicon pour votre site web
Tout site web a besoin de la petite icône d’onglet du navigateur, et les sites modernes en veulent plusieurs tailles. Partez d’un logo et obtenez un ZIP avec tout : les PNG que réclament navigateurs et téléphones, un ICO classique et un manifeste de départ.
Étape par étape
Ouvrez le générateur de favicons
Lancez le générateur gratuit ; il accepte les images JPEG, PNG, WebP ou AVIF jusqu’à 50 MB.
Ajoutez votre logo ou marque
Une source simple et marquée d’environ 1024 × 1024 fonctionne le mieux ; les sources rectangulaires sont contenues proportionnellement, pas étirées.
Choisissez un fond
Gardez la transparence, ou placez l’illustration sur une couleur de fond unie ; l’espace inutilisé de chaque carré suit votre choix.
Générez le pack d’icônes
Les tailles de 48 px et plus reçoivent une marge intérieure d’environ 6 % pour que la marque ne touche jamais le bord.
Téléchargez et déployez le ZIP
Vous obtenez 6 tailles PNG (16, 32, 48, 180, 192 et 512 px), un favicon.ico de 32 px et un site.webmanifest de départ référençant les icônes 192 et 512 px.
Conseils pour réussir du premier coup
Le redimensionnement automatique ne peut pas rendre une illustration détaillée lisible à 16 px ; simplifiez la marque source et inspectez les plus petits fichiers avant de les publier.
L’ICO contient une seule image de 32 px, ce qui couvre le cas classique de l’onglet de navigateur ; le manifeste doit encore voir son nom, ses chemins et ses réglages de thème vérifiés pour votre vrai site.
Le ZIP contient des ressources, pas de HTML : ajoutez les éléments link appropriés et déployez les fichiers à des chemins correspondant à la configuration de votre site.
Questions fréquentes
La source du favicon doit-elle déjà être carrée ?
Non. Une source rectangulaire est contenue proportionnellement dans chaque sortie carrée. L’espace inutilisé reste transparent ou prend la couleur de fond sélectionnée.
Le ZIP inclut-il les balises link HTML pour mon site ?
Non. Il contient les ressources d’icônes et un manifeste de départ. Ajoutez les éléments link appropriés et déployez les fichiers à des chemins correspondant à la configuration de votre site.