Générateur de favicon gratuit et convertisseur ICO
Le Générateur de Favicon transforme n'importe quelle image en un pack complet de favicons directement dans votre navigateur. Obtenez un fichier favicon.ico multi-résolution, l'icône apple-touch-icon, un fichier site.webmanifest et le code HTML d'intégration prêt à copier-coller. Vos images restent strictement sur votre appareil sans aucun transfert vers un serveur distant.
Générez l'intégralité de vos favicons directement dans votre navigateur, sans inscription ni téléversement de fichier.
Créez l'ensemble de vos favicons en quelques secondes.
Créer un favicon gratuitement →Créer un favicon en ligne gratuitement à partir d'une image
Pour générer un pack complet de favicons, la procédure s'effectue entièrement dans votre navigateur web, sans création de compte ni installation de logiciel :
- Glissez-déposez votre logo ou votre image dans la zone dédiée, idéalement au format carré.
- Ajustez la marge intérieure et choisissez la couleur de fond souhaitée si votre image contient de la transparence.
- Visualisez le résultat en direct sur la simulation d'onglet de navigateur et d'écran d'accueil mobile.
- Cliquez sur le bouton de téléchargement pour récupérer l'archive ZIP contenant les images et l'extrait de code HTML.
Convertir une image PNG ou SVG en favicon
L'outil vous permet de convertir une image en favicon depuis plusieurs formats courants : PNG, SVG, JPG, WebP ou GIF. Le format PNG est particulièrement recommandé car il conserve le fond transparent qui sera restitué sur vos favicons.
Les fichiers vectoriels SVG sont rastérisés avec une grande précision à chaque niveau de résolution. Pour obtenir les icônes les plus nettes possible, commencez avec une image source carrée d'au moins 256x256 pixels.
Favicon Apple Touch Icon et formats PWA pour mobiles
Le pack ZIP inclut le fichier apple-touch-icon.png au format 180x180 pixels, indispensable pour les raccourcis enregistrés sur l'écran d'accueil d'un iPhone ou d'un iPad via iOS Safari. Les icônes d'accueil iOS ne gérant pas la transparence, l'arrière-plan est automatiquement rempli avec la couleur de votre choix.
L'outil génère également le fichier site.webmanifest référençant les icônes 192x192 et 512x512 pixels. Ce fichier JSON permet aux navigateurs comme Google Chrome de proposer l'installation de votre site sous forme d'application web progressive (PWA).
Comment installer un favicon dans le code HTML de son site
Après avoir décompressé l'archive ZIP, déplacez l'ensemble des fichiers à la racine de votre site web, dans le même répertoire que votre page d'accueil. Ouvrez ensuite le fichier favicon-tags.html inclus pour y copier le snippet HTML.
Collez ces balises dans la section <head> de votre document. Placer le fichier favicon.ico à la racine du serveur garantit un fonctionnement optimal sur tous les navigateurs, y compris les plus anciens.
Traitement 100 % local et respect de la confidentialité
Chaque déclinaison d'icône est générée localement grâce à l'API Canvas intégrée au navigateur. Le fichier ICO et le dossier ZIP sont assemblés directement sur votre appareil.
Aucune image n'est envoyée vers un serveur externe, garantissant une confidentialité totale et un traitement instantané sans attente.
Foire aux questions
Comment créer un favicon gratuitement à partir d'une image PNG ?
Importez votre fichier PNG dans l'outil pour générer le pack complet de favicons en un clic. L'outil extrait le fichier favicon.ico, les icônes PNG redimensionnées, l'icône iOS et le code HTML d'intégration. Le format PNG est idéal car il préserve le fond transparent de votre logo original.
Quelle est la taille idéale pour un favicon de site web ?
Les sites modernes utilisent plusieurs dimensions. Le pack fournit le format 16x16 et 32x32 pixels pour les onglets de navigateur, 48x48 pixels pour la recherche Google, 180x180 pixels pour l'icône Apple Touch Icon sur iOS, ainsi que 192x192 et 512x512 pixels pour Android et les PWA.
Quelle est la différence entre un fichier favicon.ico et des favicons PNG ?
Le fichier favicon.ico est le format historique capable de stocker plusieurs tailles (16x16, 32x32 et 48x48 pixels) dans un seul fichier de secours à la racine du site. Les favicons PNG sont des fichiers distincts déclarés dans le code HTML qui offrent un rendu plus net sur les navigateurs modernes.
Comment installer un favicon dans le code HTML de son site ?
Décompressez le fichier ZIP et placez les images à la racine de votre serveur web. Ouvrez le fichier favicon-tags.html fourni, copiez les balises HTML qu'il contient et collez-les dans l'en-tête head de vos pages web avant de rafraîchir votre navigateur.
Pourquoi mon nouveau favicon ne s'affiche pas ?
Les navigateurs conservent les favicons en mémoire cache de façon très agressive. Pour forcer la mise à jour, effectuez un rafraîchissement forcé de la page avec la combinaison Ctrl + F5 sous Windows ou Cmd + Shift + R sous Mac, ou testez l'affichage en fenêtre de navigation privée.
À quoi sert le fichier site.webmanifest ?
Le fichier site.webmanifest est un document JSON qui informe le navigateur sur le comportement de votre site lorsqu'il est installé sur smartphone. Il pointe vers les icônes haute résolution de 192x192 et 512x512 pixels pour afficher un raccourci propre sur Android.
Comment faire fonctionner un favicon sur iPhone et iPad ?
Pour afficher une icône nette sur l'écran d'accueil iOS, le site doit fournir un fichier nommé Apple Touch Icon au format 180x180 pixels. Comme Safari sur iPhone ne prend pas en charge la transparence des icônes d'accueil, l'outil remplit automatiquement le fond avec la couleur de votre choix.
Peut-on utiliser une image SVG comme source pour générer un favicon ?
Oui, vous pouvez utiliser une image vectorielle SVG comme fichier source. L'image sera rastérisée proprement dans toutes les dimensions requises sans aucune perte de netteté, produisant ainsi des fichiers PNG et ICO parfaitement compatibles.
Créer un favicon gratuitement →
Outils similaires
Habillage de captures d'écran
Cadres d'apps pour App Store et Play, sans envoi.
Comment fonctionne Habillage de captures d'écran
