Résumé (TL;DR)
- Entrée universelle : Convertissez PNG, JPG, WebP ou SVG en un set de favicon valide.
- Dimensionnement intelligent : Choisissez entre “Couvrir” (rogner pour remplir) ou “Contenir” (ajouter des marges) pour adapter parfaitement les icônes carrées.
- Standard de production : Génère non seulement un fichier, mais le mélange essentiel de
favicon.ico+ PNGs pour la compatibilité web moderne.
Pourquoi utiliser un convertisseur dédié ?
Vous ne pouvez pas simplement renommer logo.png en favicon.ico. Le format ICO est un conteneur spécifique qui détient plusieurs images raster de différentes tailles. Les navigateurs en ont besoin pour choisir la version la plus nette.
Cet outil gère la complexité technique :
- Rééchantillonnage : Filtres de haute qualité (Lanczos3) pour éviter que les icônes 16x16 ne deviennent floues.
- Construction du conteneur : Compilation des versions 16x16, 32x32 et 48x48 dans un seul fichier binaire
.ico. - Fallbacks modernes : Génération de PNG standards (192x192, 512x512) pour Android, PWA et écrans haute densité.
Rognage intelligent : Couvrir vs Contenir
La plupart des logos sont rectangulaires, mais les favicons doivent être carrés.
1. Couvrir (Crop to Fill)
- Comportement : Zoome jusqu’à ce que l’image remplisse le carré. Les bords sont coupés.
- Idéal pour : Symboles, monogrammes ou icônes à peu près carrés.
2. Contenir (Fit Center)
- Comportement : Réduit l’image pour qu’elle tienne entièrement dans le carré, ajoutant une marge transparente.
- Idéal pour : Logos larges ou hauts qui ne peuvent pas être rognés.
Conseil PRO : Si votre logo est un mot-symbole large, n’essayez pas de le faire tenir dans un carré de 16x16. Ce sera illisible. Créez une variante “initiale” simplifiée.
Comprendre le format ICO
Le fichier .ico est unique. Contrairement à un PNG, c’est un répertoire d’images.
- 16x16 : L’icône d’onglet standard sur bureau.
- 32x32 : Utilisé pour les écrans haute densité (Retina) et les raccourcis.
- 48x48 : Utilisé par Windows pour les icônes de bureau.
Bonnes pratiques
- Commencez grand : Téléchargez une image d’au moins 512x512 pixels.
- Vérifiez le contraste : Assurez-vous que votre logo est visible sur fond clair et sombre.
- La transparence est clé : Utilisez un PNG ou SVG transparent. Les fonds blancs paraissent datés.
FAQ
Pourquoi mon favicon est-il flou ?
À 16x16 pixels, vous n’avez que 256 points. Les détails complexes disparaissent. Utilisez un design plus simple.
Puis-je utiliser uniquement un PNG ?
La plupart des navigateurs modernes supportent le PNG, mais le support hérité strict recherche toujours favicon.ico. Il est plus sûr de fournir les deux.