SEO
Favicon Generator
Importez une image et obtenez un ensemble complet de favicons (16–512px, .ico, manifeste web) ainsi que le code HTML prêt pour le <head>.
L'archive contient tous les PNG, favicon.ico et site.webmanifest.
Modern browsers and operating systems no longer expect just one favicon.ico — they need a whole set of icon sizes for the browser tab, bookmarks, the iOS/Android home screen, and a PWA web manifest. This tool generates that entire set from a single uploaded image.
How to use it
- Upload a source image (ideally square, at least 512×512px) and the tool generates the full size range (16-512px) in ICO and PNG formats.
- Download an archive containing every favicon file and the site.webmanifest.
- Copy the finished block of <link> tags and paste it into the site's <head>.
Common uses
- Setting up a full favicon set for a new site without manually creating every size by hand.
- Upgrading an outdated icon setup (just a favicon.ico) to the modern standard with PWA and Android maskable icon support.
- Quickly checking how a logo looks shrunk down to 16×16px — fine details often blur together at that size.
Things to keep in mind
At small sizes (16-32px), fine logo details become illegible — a simplified mark works better as a favicon than a full logo with text.
Android maskable icons need a safe zone padded around the main artwork, or important content can get cropped off when a shape mask is applied.
Article sur cet outil: Favicon : pourquoi une seule icône nécessite autant de tailles et de formats
Questions fréquentes
Pourquoi ai-je besoin d'autant de tailles de favicon différentes ?
Différentes plateformes demandent différentes tailles — les onglets de navigateur utilisent généralement 16x16 ou 32x32, les icônes d'écran d'accueil iOS ont besoin de 180x180, et Android utilise diverses tailles jusqu'à 512x512 — générer l'ensemble complet garantit que votre icône soit nette partout.
Quelle est la différence entre les favicons .ico et .png ?
Le format .ico peut regrouper plusieurs résolutions dans un seul fichier et bénéficie du support le plus large des navigateurs anciens, tandis que les navigateurs modernes acceptent aussi de simples fichiers .png référencés directement dans les balises link — la plupart des sites utilisent aujourd'hui les deux pour la compatibilité.
Mon image téléchargée est-elle envoyée à un serveur pour générer les favicons ?
Non. Tout le redimensionnement et la conversion de format se font entièrement dans votre navigateur — l'image n'est jamais téléchargée nulle part.
Un SVG peut-il être utilisé comme favicon ?
Oui — les navigateurs modernes basés sur Chromium et Firefox prennent en charge <link rel="icon" type="image/svg+xml">, et un tel favicon reste net à n'importe quelle densité d'écran et peut même réagir au mode sombre via prefers-color-scheme dans le fichier lui-même.
Qu'est-ce qu'une icône maskable pour Android ?
C'est une icône avec une zone de sécurité autour du visuel principal, qu'Android peut recadrer selon n'importe quelle forme (cercle, carré aux coins arrondis, etc.) selon le thème de l'appareil, sans couper de contenu important de l'icône.