Aller au contenu

Générateur de favicon

Transformez un logo en pack de favicons prêt à installer. Vérifiez les petites tailles, ajustez les marges et téléchargez des fichiers ICO et PNG nommés, avec manifeste et balises HTML.

Votre fichier

Déposez une image pour créer vos favicons

PNG, JPG, WebP ou HEIC

Pourquoi utiliser cet outil

  • Aucune limite de taille

    Des photos pleine résolution et des documents longs, directement depuis votre appareil.

  • Rien n'est envoyé

    Tout est traité dans votre navigateur. Vos fichiers ne quittent jamais votre appareil.

  • Sans inscription

    Vous ouvrez l'outil et c'est parti. Pas de compte, pas d'e-mail.

Un favicon permet de reconnaître votre site dans les onglets, les favoris et les raccourcis. Ce générateur gratuit crée les différentes tailles depuis un PNG, JPG, WebP ou HEIC, directement dans votre navigateur.

Privilégiez un symbole simple et contrasté. Les petits caractères et les photos détaillées deviennent difficiles à distinguer à 16 × 16 pixels.

Créer un favicon à partir d’une image

  1. Choisir le logo

    Déposez une image ou sélectionnez un fichier. Une source carrée d’au moins 512 × 512 pixels est préférable.

  2. Vérifier les aperçus

    Conservez l’image entière ou recadrez-la. Réglez les marges et le fond des icônes Apple et adaptatives.

  3. Télécharger et installer

    Générez le pack, décompressez le ZIP et placez les fichiers sur votre site. Copiez les balises dans l’en-tête HTML.

Des tailles pour les onglets et les écrans d’accueil

Le fichier ICO regroupe les tailles 16, 32 et 48 pixels. Les PNG couvrent 16, 32, 48, 96, 180, 192 et 512 pixels. Apple Touch utilise un fond opaque ; l’icône adaptative préserve l’image dans sa zone de sécurité.

Garder un symbole lisible en petit

Utilisez un PNG transparent ou supprimez le fond au préalable. Recadrez l’image pour isoler le symbole. Agrandir une petite source ne restaure pas les détails. Pour un seul fichier ICO, choisissez Image en ICO.

Installer et vérifier le favicon

Les chemins HTML visent la racine du site. Fusionnez les icônes avec votre manifeste existant et retirez les anciennes balises contradictoires. Vérifiez les URL et le cache. Les moteurs doivent réexplorer le site ; l’affichage dans les résultats n’est pas garanti.

Tailles et noms des fichiers favicon

Le ZIP contient 12 fichiers. Voici les images et leurs usages.

FichierTaille en pixelsUsage
favicon.ico16 / 32 / 48Onglets et compatibilité ICO
favicon-16x16.png · favicon-32x32.png · favicon-48x48.png16 / 32 / 48Petites variantes PNG
favicon-96x96.png96 × 96Grande icône pour navigateur et recherche
apple-touch-icon.png180 × 180Raccourcis iPhone et iPad
android-chrome-192x192.png · android-chrome-512x512.png192 / 512Icônes Android et applications web
maskable-icon-512x512.png512 × 512Icône adaptative avec zone de sécurité

Pour vos projets web

  • Sites professionnels

    Gardez un logo reconnaissable dans les onglets et raccourcis.

  • Blogs et portfolios

    Créez l’icône du site sans installer de logiciel.

  • Applications web

    Préparez les icônes du manifeste et vérifiez séparément les autres critères d’installation.

Questions fréquentes

Le générateur de favicon est-il gratuit ?
Oui. Générez et téléchargez les fichiers sans compte ni filigrane. Le traitement se fait localement dans votre navigateur.
Puis-je convertir un PNG ou JPG en favicon ?
Oui, ainsi que WebP et HEIC. Un PNG transparent convient aux logos. Les fichiers SVG, GIF et ICO ne sont pas acceptés en entrée.
Que contient le ZIP ?
Un ICO multitailles, huit PNG, site.webmanifest, un extrait HTML et des instructions en français. Une icône adaptative de 512 pixels est fournie séparément.
Pourquoi l’icône adaptative a-t-elle plus de marge ?
Android peut appliquer différentes formes de découpe. L’image entière reste dans le cercle de sécurité central, sur un fond opaque.
Google affichera-t-il mon favicon immédiatement ?
Non. Google doit explorer la page d’accueil et l’icône. Le PNG carré de 96 pixels dépasse les 48 pixels recommandés. Conservez une URL stable et accessible ; l’affichage n’est pas garanti.
Ce pack suffit-il à créer une PWA ?
Non. Il fournit les icônes et un manifeste de départ. Vérifiez le nom, l’URL de démarrage, la portée et les autres conditions d’une application web installable.

Sur le blog

Tous les articles

Outils associés

Tous les outils image