Générateur de favicon
Déposez une image et obtenez un ensemble complet de favicon – .ico, chaque taille PNG et le code HTML à coller – sans rien télécharger.
Drag & drop a square image or logo here, or click to choose. PNG, JPG, SVG, WEBP — a square source (512×512 or larger) looks best. Your image never leaves your browser, nothing is uploaded.
Paste this into your <head>
Ce générateur de favicon crée un ensemble de favicon complet et prêt pour la production à partir d'une seule image carrée ou d'un logo, entièrement dans votre navigateur. Il produit un favicon.ico multi-tailles (16-256), des icônes PNG à 16, 32, 48, 180 (icône Apple-Touch), 192 et 512 pixels, et un extrait de tête HTML copier-coller qui fait référence à favicon.ico, à l'icône Apple-Touch, aux tailles PNG et à un site.webmanifest. Étant donné que tout le traitement s'effectue localement avec l'API Canvas, votre image ne quitte jamais votre appareil : il n'y a pas de téléchargement, pas de file d'attente et pas de filigrane. Déposez simplement votre logo, prévisualisez chaque taille générée, téléchargez les fichiers et collez l'extrait.
Foire aux questions
Que produit ce générateur de favicon ?
Un ensemble complet de favicon à partir d'une image : un favicon.ico multi-tailles (16, 32, 48, 64, 128 et 256 px dans un seul fichier), des icônes PNG à 16 × 16, 32 × 32, 48 × 48, 180 × 180 (icône Apple-Touch), 192 × 192 et 512 × 512, plus un fichier prêt à coller. Extrait d'en-tête HTML.
Mon image est-elle téléchargée sur un serveur ?
Non. Ce générateur de favicon fonctionne à 100 % dans votre navigateur à l'aide de l'API Canvas. Votre image est décodée et réencodée localement, donc rien n'est téléchargé, stocké ou partagé : elle est entièrement privée.
Quelle taille et quel format doit avoir mon image source ?
Utilisez une image carrée d'au moins 512 × 512 pour le résultat le plus net. PNG, JPG, SVG et WEBP fonctionnent tous. Les logos SVG et PNG s'adaptent parfaitement à toutes les tailles de favicon.
Comment ajouter le favicon à mon site Web ?
Téléchargez favicon.ico et les fichiers PNG dans le dossier racine de votre site, puis copiez l'extrait HTML généré dans le <head> de vos pages. Il relie favicon.ico, les PNG 16/32, l'icône Apple-Touch et un site.webmanifest.
A quoi sert l'icône Apple Touch ?
L'icône Apple-Touch 180 × 180 est l'icône qu'iOS et iPadOS utilisent lorsque quelqu'un enregistre votre site sur son écran d'accueil. L'inclure donne à votre signet l'apparence d'une application native au lieu d'une capture d'écran floue.
Pourquoi générer un fichier .ico et pas seulement des PNG ?
favicon.ico est la valeur par défaut de longue date que chaque navigateur, y compris les plus anciens, demande à la racine du site. Notre .ico regroupe plusieurs résolutions dans un seul fichier afin que le navigateur choisisse toujours la taille la plus nette – et nous vous proposons également les fichiers PNG modernes.
Contenir ou couvrir : quelle solution dois-je choisir ?
Contenez les boîtes aux lettres avec l'image entière dans un carré aux bords transparents, gardant votre logo complet visible. Cover remplit le carré bord à bord et recadre le trop-plein. Utilisez contain pour les logos larges et cover pour les icônes déjà carrées.
Ce générateur de favicon est-il vraiment gratuit ?
Oui, c'est entièrement gratuit, sans inscription, sans limites et sans filigrane. Étant donné que le travail se déroule dans votre navigateur, vous pouvez générer autant de jeux de favicon que vous le souhaitez.