F
Favicon.pub

Convertisseur de Favicon

Téléchargez une image pour générer instantanément toutes les tailles de favicon pour votre site web.

Cliquez ou faites glisser une image ici

Prend en charge PNG, JPG, SVG, WEBP

Génération en un clic

Téléchargez une image pour générer tous les formats de favicon (ICO, PNG, SVG, etc.)

Compatibilité multiplateforme

Compatible avec tous les navigateurs et appareils, y compris iOS, Android, Windows, etc.

Qualité professionnelle

Optimisation automatique de la qualité de l'image, génération de favicons haute qualité conformes aux standards de chaque plateforme

Qu'est-ce qu'un Favicon ?

Un favicon (abréviation de favorite icon) est une petite icône affichée dans les onglets du navigateur, les favoris et d'autres éléments d'interface. Il aide les utilisateurs à identifier rapidement votre site parmi plusieurs onglets et favoris.

Comment utiliser un Favicon

Pour ajouter un favicon à votre site, vous devez :

  1. Utiliser notre outil pour convertir une image en ICO et autres formats.
  2. Décompresser le fichier ZIP téléchargé et placer tous les fichiers à la racine de votre site.
  3. Ajouter le code HTML suivant dans la section <head> de votre site :
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
<link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/favicon-48x48.png" sizes="48x48">
<link rel="manifest" href="/site.webmanifest">
<link rel="icon" type="image/png" href="/android-chrome-192x192.png" sizes="192x192">
<link rel="icon" type="image/png" href="/android-chrome-512x512.png" sizes="512x512">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">HTML

Bonnes pratiques

  • Gardez-le simple : Les favicons sont très petits, des designs trop complexes deviennent illisibles.
  • Consistance de la marque : Utilisez votre Logo ou des éléments caractéristiques représentant votre marque.
  • Considérez différents fonds : Assurez-vous que votre icône est clairement visible dans les thèmes clairs et sombres des navigateurs.
  • Fournissez différents formats : En plus de .ico, fournissez également .png et .svg pour compatibilité avec les navigateurs modernes, comme notre outil le fait.

Différents formats

Format ICO (.ico)

Format traditionnel de favicon, compatible avec tous les navigateurs, y compris Internet Explorer ancien.

Format PNG (.png)

Format préféré par les navigateurs modernes, supportant le fond transparent, fichier léger. 16x16 pour les onglets, 32x32 pour la barre des tâches, 48x48 pour les raccourcis de bureau.

Icônes Android Chrome

192x192 et 512x512 pour les appareils Android, affichés lorsque l'utilisateur ajoute le site à l'écran d'accueil.

Icônes Apple Touch

180x180 spécifique aux appareils iOS (iPhone, iPad), utilisé lorsque l'utilisateur ajoute le site à l'écran d'accueil. Apple ajoute automatiquement des coins arrondis et des effets de brillance.

Icône de l'onglet Safari fixe

Icône vectorielle monochrome en SVG, pour la fonction d'onglet fixe de Safari, supportant la couleur personnalisable.

Format SVG (.svg)

Format vectoriel moderne, peut être redimensionné sans perte de qualité, adapté au mode sombre, fichier volumineux, tendance future.