Générateur de favicon
Transformez une image ou une lettre en jeu complet de fichiers favicon, avec le code HTML pour les utiliser.
Vos fichiers ne quittent jamais votre appareil
Déposez une image ici
PNG, JPEG, WebP, GIF, BMP ou AVIF. Ou passez à une icône en lettres ci-dessous.
Ouvert sur cet appareil. Rien n'est envoyé.
Une image à la fois, jusqu'à 50 Mo et environ 100 mégapixels. Les icônes en lettres utilisent 1 ou 2 caractères.
Comment créer un favicon
- Choisissez une image, ou passez à Lettres et tapez un ou deux caractères avec vos couleurs.
- Pour une image, choisissez un recadrage carré centré ou un ajustement avec marge. Vérifiez les aperçus à 16, 32, 48 et 180 pixels.
- Cliquez sur Créer les fichiers favicon, téléchargez le .zip et collez le code HTML dans vos pages.
Ce que contient un jeu de favicons
Un favicon est la petite icône affichée dans un onglet de navigateur, une liste de favoris ou un résultat de recherche. Les navigateurs cherchent plusieurs fichiers différents : favicon.ico pour les usages anciens et généraux, des icônes PNG de 16 et 32 pixels pour les onglets, une icône Apple touch de 180 pixels pour l'écran d'accueil de l'iPhone et de l'iPad, et des icônes de 192 et 512 pixels pour Android et les applications web installables. Un petit fichier site.webmanifest liste les icônes Android. Ce générateur de favicon crée tout ce jeu en une fois.
Cet outil dessine chaque taille séparément à partir de votre original : les petites tailles sont donc réduites à partir de l'image complète, et non agrandies à partir d'une toute petite image. Le fichier .ico est écrit comme un conteneur de trois images PNG de 16, 32 et 48 pixels. Les icônes en lettres sont dessinées directement à chaque taille, si bien que les contours restent nets.
Conseils
- Utilisez des formes simples et épaisses et un contraste marqué. Les détails fins disparaissent à 16 pixels.
- Vous voulez une image carrée à partir d'une partie de photo ? Utilisez d'abord Recadrer une image en 1:1.
- Besoin d'autres tailles ? Redimensionner une image vous donne n'importe quelle largeur et hauteur.
Questions fréquentes
Mon image est-elle envoyée en ligne ?
Non. Les icônes sont dessinées dans votre navigateur, sur votre appareil, et le zip y est aussi créé. Rien n'est envoyé à un serveur.
Quels fichiers vais-je obtenir ?
favicon.ico (versions de 16, 32 et 48 pixels), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180 pixels), android-chrome-192x192.png, android-chrome-512x512.png et site.webmanifest, dans un seul .zip.
Où placer les fichiers ?
Dans le dossier racine de votre site web, pour qu'ils soient servis à des adresses comme /favicon.ico. Collez ensuite l'extrait HTML affiché après la création des fichiers dans le head de vos pages.
Avec quelle image commencer ?
Une image carrée d'au moins 512 × 512 pixels donne le résultat le plus net, car la plus grande icône fait 512 pixels. Les formes simples supportent bien mieux une réduction à 16 pixels que les formes détaillées. Vérifiez les aperçus à 16 et 32 pixels.
Quelle différence entre recadrer et ajouter une marge ?
Le recadrage prend un carré centré dans l'image et supprime le reste. L'ajustement avec marge garde toute l'image, la centre avec une petite marge et remplit l'espace avec votre couleur de fond ou le laisse transparent.
Le fichier .ico est-il valide ?
Oui. Il contient trois images encodées en PNG, à 16, 32 et 48 pixels, que tous les navigateurs actuels savent lire.