Générateur de favicon
Créez l’icône de votre site à partir d’une image, d’une lettre ou d’un emoji. Vous repartez avec toutes les tailles et le HTML prêt à coller.
Qu’est-ce qu’un favicon ?
C’est la petite icône dans l’onglet du navigateur, à côté du titre de votre page. Elle apparaît aussi dans les favoris, dans l’historique et quand quelqu’un enregistre votre site sur l’écran d’accueil de son téléphone. Sans elle, votre site affiche une feuille blanche : la première chose qui trahit un site inachevé.
C’est la petite icône dans l’onglet du navigateur, à côté du titre de votre page. Elle apparaît aussi dans les favoris, dans l’historique et quand quelqu’un enregistre votre site sur l’écran d’accueil de son téléphone. Sans elle, votre site affiche une feuille blanche : la première chose qui trahit un site inachevé.
8%
Dans l’onglet
Favoris
Bureau
iPhone
Collez ceci dans <head>
<link rel="icon" href="/favicon.ico" sizes="any"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="apple-touch-icon" href="/apple-touch-icon.png"> <link rel="manifest" href="/site.webmanifest">
Les fichiers vont à la racine de votre site, à côté de l’index. Si vous les mettez dans un autre dossier, changez les chemins dans le code.
Questions fréquentes
Qu’est-ce que j’obtiens exactement ?
Un pack complet : le .ico avec trois tailles à l’intérieur, les PNG, l’icône iPhone, celles d’Android, le manifest et le HTML prêt à coller.
Puis-je partir d’une lettre ou d’un emoji ?
Oui. Partez d’une image, d’une lettre ou d’un emoji, choisissez les couleurs, et toutes les tailles se génèrent seules.
Pourquoi autant de tailles ?
Chaque endroit en montre une différente : l’onglet du navigateur, l’écran d’accueil iPhone, Android, les favoris. Le pack les couvre toutes.
Mon image est-elle envoyée quelque part ?
Non. Tout se dessine dans votre navigateur et s’empaquette sur votre appareil.
Outils associés
Un outil gratuit de Vertize Plus.
L’image est traitée dans votre navigateur et n’est jamais envoyée.