Téléversez n'importe quelle image et générez des favicons dans toutes les tailles requises par votre site. Obtenez les icônes d'onglet de navigateur, les Apple Touch Icons, les icônes Android Chrome et les icônes PWA avec du code HTML prêt à l'emploi.
Un favicon soigné n'est que le début. OneStepToRank aide votre entreprise à dominer les résultats de recherche locaux grâce au suivi de position en temps réel et à l'optimisation automatisée sur l'ensemble de votre zone de service.
Commencer GratuitementUn favicon (abréviation de « favorites icon », icône de favoris) est la petite icône affichée dans les onglets de navigateur, les favoris, les entrées d'historique et les barres d'adresse lorsque les utilisateurs visitent votre site web. Introduit à l'origine par Internet Explorer 5 en 1999 sous forme de fichier ICO 16x16 pixels, le favicon a considérablement évolué. Les sites modernes doivent fournir plusieurs tailles de favicon pour prendre en charge différentes plateformes et appareils : de petites icônes pour les onglets de navigateur, des icônes moyennes pour les raccourcis de bureau et la barre des tâches, et de grandes icônes pour les écrans d'accueil mobiles et les écrans de démarrage des Progressive Web Apps. Un favicon bien conçu renforce la reconnaissance de la marque à chaque point de contact où les utilisateurs interagissent avec votre site.
Le paysage des favicons peut prêter à confusion car différents navigateurs, systèmes d'exploitation et appareils attendent des tailles différentes. Voici un aperçu des tailles les plus importantes : 16x16 est l'icône classique d'onglet de navigateur utilisée par tous les navigateurs de bureau. 32x32 est utilisée par les écrans Retina dans les onglets et par Windows pour les raccourcis de la barre des tâches. 48x48 et 64x64 sont utilisées par Windows pour les raccourcis de bureau et les tuiles épinglées. 128x128 est requise pour les fiches du Chrome Web Store. 180x180 est l'Apple Touch Icon utilisée lorsque les utilisateurs iOS enregistrent votre site sur leur écran d'accueil. 192x192 est utilisée par Android Chrome pour les icônes d'écran d'accueil. Et 512x512 est utilisée par les PWAs pour les écrans de démarrage et les contextes d'icônes plus grands. Au minimum, chaque site doit disposer d'un favicon PNG 32x32 et d'un Apple Touch Icon 180x180.
Pour une compatibilité maximale, utilisez le format PNG pour toutes les tailles de favicon. PNG prend en charge la transparence et est universellement supporté par les navigateurs modernes. Le format traditionnel ICO, qui regroupe plusieurs tailles dans un seul fichier, n'est nécessaire que pour la prise en charge des versions anciennes d'Internet Explorer. Les favicons SVG gagnent en popularité et offrent une indépendance de résolution, mais la prise en charge par les navigateurs n'est pas encore complète. Lors de la création de votre image source, commencez avec une image carrée d'au moins 512x512 pixels pour obtenir les meilleurs résultats à toutes les tailles. Des designs simples et audacieux avec peu de détails fonctionnent le mieux aux petites tailles — le texte fin et les motifs complexes deviennent illisibles à 16x16 pixels. Utilisez des formes solides, reconnaissables et des couleurs contrastées. Enfin, testez toujours vos favicons sur plusieurs navigateurs et appareils pour vous assurer qu'ils sont correctement affichés partout.