Comment créer un favicon pour votre site Web en quelques minutes
Pour créer une favicon, téléchargez une image carrée PNG, JPG ou GIF de votre logo sur le Générateur de Favicon de pdfseotools.com. Téléchargez un PNG pour obtenir des icônes PNG. Vous recevrez un ZIP avec 17 tailles d'icônes pour navigateurs, iPhone, Android et Windows. Téléchargez les fichiers à la racine de votre site et ajoutez les balises de lien à l'en-tête de votre page.

Faits essentiels
- Entrée : PNG, JPG ou GIF – le format carré est idéal
- Sortie : 17 tailles dans un seul ZIP, dans le format que vous téléchargez (PNG recommandé)
- Couvre les navigateurs (16–96 px), Apple (57–180 px), Android (36–192 px), vignettes Windows (70–310 px)
- Google a besoin d'au moins 48 × 48 px pour l'afficher dans les résultats de recherche
Pourquoi un favicon est important
✓🖼️ Le favicon est la petite icône dans les onglets du navigateur, les favoris, les écrans d'accueil du téléphone et – de plus en plus – à côté du nom de votre site dans les résultats Google. Une icône claire permet de trouver plus facilement votre site parmi vingt onglets ouverts et le rend plus digne de confiance dans les recherches.
Comment créer votre favicon – étape par étape

Étape 1 : Préparez une image carrée
Utilisez le symbole de votre logo sur un fond uni, d'au moins 310 × 310 px. Supprimez le texte petit – il devient illisible à 16 px.
Étape 2 : Téléchargez-la
Ouvrez le Générateur de Favicon et sélectionnez votre image – un PNG est préférable, car les icônes sont enregistrées dans le même format que celui que vous téléchargez.
Étape 3 : Générer
L'outil crée les 17 tailles en une seule fois.
Étape 4 : Téléchargez le ZIP
Décompressez-le sur votre ordinateur – vous téléverserez ensuite ces fichiers sur votre site Web.
Ajoutez-le à votre site Web
✓Téléversez les fichiers PNG dans le dossier racine de votre site (le dossier contenant votre page d'accueil), puis ajoutez ces lignes à l'intérieur de la balise <head> de vos pages :
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="/android-icon-192x192.png">
WordPress : allez dans Apparence → Personnaliser → Identité du site → Icône du site et téléchargez une image de 512 × 512 pixels – WordPress ajoute les balises pour vous. Blogger : Disposition → Favicon → Modifier.
Conseils de conception pour les petites tailles
- Utilisez une forme ou une lettre audacieuse – les détails fins disparaissent à 16 px.
- Choisissez un contraste fort pour qu'elle fonctionne sur les onglets de navigateur clairs et sombres.
- Évitez les lignes fines et les longs mots.
- Prévisualisez-la en petit : zoomez arrière dans votre navigateur et regardez l'onglet.
Ouvrez le Générateur de Favicon sur pdfseotools.com – gratuit, sans inscription et il fonctionne sur n'importe quel appareil.
Questions fréquentes
Quelle image dois-je télécharger ?
Un PNG, JPG ou GIF carré de votre logo ou icône, idéalement d'au moins 310 × 310 pixels et suffisamment simple pour être reconnu en très petite taille.
Quelles tailles le générateur crée-t-il ?
17 tailles, enregistrées dans le même format que celui que vous téléversez (téléversez un PNG pour obtenir des icônes PNG) : 16, 32 et 96 px pour les favicons de navigateur ; icônes tactiles Apple de 57 à 180 px ; icônes Android à 36, 48 et 192 px ; et vignettes Microsoft à 70, 144, 150 et 310 px. Elles sont téléchargées ensemble dans un fichier ZIP.
Pourquoi ma nouvelle favicon ne s'affiche-t-elle pas ?
Les navigateurs mettent en cache les favicons de manière intensive. Videz le cache du navigateur ou ouvrez le site dans une fenêtre privée. Les résultats de recherche Google peuvent prendre des jours ou des semaines à se mettre à jour.
Google affiche-t-il ma favicon dans les résultats de recherche ?
Google peut l'afficher à côté du nom de votre site. Il nécessite une icône carrée d'au moins 48 × 48 px accessible aux robots d'exploration.
Puis-je utiliser un logo non carré ?
Le générateur redimensionne en carrés, donc un logo large sera écrasé. Recadrez d'abord une version carrée – généralement juste le symbole –.
Ai-je besoin d'un fichier favicon.ico ?
Les navigateurs modernes acceptent les favicons PNG liés dans votre HTML, ce que ce générateur produit. Certains propriétaires de sites ajoutent également favicon.ico à la racine pour les anciens navigateurs.
Résumé
Un logo carré en, 17 tailles sorties, quelques lignes dans votre HTML – et votre site obtient une icône professionnelle partout. Créez la vôtre avec le Générateur de Favicon et explorez plus d'outils d'image gratuits.
Partager sur les réseaux sociaux :