Créer un favicon à partir d’une image

Créez un favicon à partir d’un PNG, d’un JPG ou de votre logo. favicon.ico, Apple touch icon, icônes Android et code HTML en un seul téléchargement gratuit.

Déposez votre logo ici

PNG, JPG, WebP ou SVG. Une image carrée de 512 px ou plus donne le meilleur résultat.

Votre site
Autre onglet
Votre site
Autre onglet

Choisissez une image : toutes les tailles de favicon apparaîtront ici, prêtes à télécharger.

Comment créer un favicon à partir d’une image

  1. Choisissez votre logo ou glissez-le dans la zone. PNG, JPG, WebP et SVG sont acceptés. Une image carrée d’au moins 512×512 pixels donne le résultat le plus net.
  2. Si l’image n’est pas carrée, choisissez Image entière (tout reste visible) ou Remplir et recadrer (le carré est rempli).
  3. Ajoutez si besoin une marge, des coins arrondis ou une couleur de fond. L’aperçu de l’onglet se met à jour immédiatement.
  4. Téléchargez le ZIP, envoyez les fichiers à la racine de votre site et collez le code HTML dans le <head>.

Contenu du téléchargement

  • favicon.ico avec les tailles 16×16, 32×32 et 48×48
  • favicon-16x16.png et favicon-32x32.png pour les onglets du navigateur
  • apple-touch-icon.png (180×180) pour l’écran d’accueil de l’iPhone et de l’iPad
  • android-chrome-192x192.png et android-chrome-512x512.png pour Android et les PWA
  • site.webmanifest et le code HTML prêt à coller

Questions fréquentes

Le générateur de favicon est-il gratuit ?

Oui, entièrement gratuit : sans limite, sans inscription et sans filigrane.

Mon logo est-il envoyé sur un serveur ?

Non. Le générateur fonctionne entièrement dans votre navigateur : votre image ne quitte jamais votre appareil.

Puis-je garder un fond transparent ?

Oui. Les PNG et SVG transparents restent transparents. Seule l’Apple touch icon reçoit un fond plein, car l’iPhone affiche les zones transparentes en noir.

Quelle image utiliser pour un favicon ?

Une image carrée d’au moins 512×512 pixels, avec un symbole simple. Un logo très large devient illisible à 16 pixels : gardez seulement le symbole ou l’initiale, ou essayez le favicon à partir d’un texte.

Comment afficher mon favicon dans Google ?

Google a ses propres règles de taille. Tout est expliqué dans « Favicon Google : comment l’afficher dans les résultats ».