Générer un favicon
Transformez n'importe quel logo en un favicon.ico plus chaque taille PNG qu'un site a besoin.
Comment utiliser le Générateur de favicon
Télécharger votre logo
Déposer dans un PNG carré ou SVG, idéalement 512x512 ou plus. Des marques simples et contrastantes lisent le mieux à 16 pixels.
Définir l'arrière-plan
Gardez-le transparent, ou choisissez une couleur solide si votre logo a besoin d'un derrière pour rester lisible sur les onglets clairs et sombres.
Télécharger et installer
Enregistrer favicon.ico et les tailles PNG dans votre racine de site, puis coller le bloc HTML dans la tête de vos pages.
À propos de la Générateur de favicon
Un favicon est le plus petit morceau de marque d'un site et celui qui utilise le plus : c'est ainsi qu'un onglet est identifié parmi trente autres et qu'un signet est reconnu dans une liste. Un site sans un affiche une feuille de papier vierge, qui se lit comme inachevée, peu importe à quel point le reste du design est bon.
Les navigateurs veulent un favicon.ico à la racine du site, les onglets haute DPI veulent un PNG 32px, iOS veut un Apple-touch-icon 180px pour l'écran d'accueil et Android veut 192 et 512px versions pour les invites d'installation et les écrans éclaboussures. Cet outil rend tous d'une seule image et emballe les versions 16, 32 et 48px dans un véritable .ico multi-résolution — pas un PNG avec l'extension changée, ce qui est ce qui voyage le fichier quand quelque chose d'ancien essaie de le lire.
Votre logo est installé à l'intérieur de chaque carré plutôt que recadré pour le remplir, de sorte que rien n'est coupé des bords, et vous pouvez garder un fond transparent ou fixer une couleur solide derrière lui. Le bloc HTML ci-dessous est l'ensemble exact de balises de lien à coller dans votre tête. Tout est rendu dans votre navigateur, de sorte qu'un logo non libéré ne quitte jamais votre appareil.
Foire aux questions
- Quelle taille un favicon devrait-il être?
- Commencer à partir d'au moins 512x512, chaque taille est réduite plutôt que soufflée. Cet outil produit ensuite 16, 32, 48, 180, 192 et 512px plus un .ico multi-dimension.
- C'est un vrai fichier .ico ?
- Oui. C'est un véritable ICO multi-résolutions contenant les images 16, 32 et 48px, et non un PNG renommé.
- Où est-ce que je mets les fichiers du favicon ?
- Dans votre racine de site, favicon.ico se trouve sur votresite.com/favicon.ico, puis ajouter les balises de lien affichées ici à votre tête. Les cadres comme Next.js peuvent également ramasser des fichiers placés dans l'application ou le répertoire public.