Centre de Connaissances & Guide
Générateur de Favicon Multi-Résolution et Icônes d'Applications Web
Générateur de Favicon Multi-Résolution et Icônes d'Applications Web
Cet outil fonctionne à 100% côté client dans votre navigateur. Vos photos, vidéos, enregistrements audio et documents PDF ne sont jamais envoyés sur un serveur, garantissant une confidentialité totale.
Formule & Méthode de Calcul
Master Image (512x512) ➔ Canvas Scaling ➔ [16x16, 32x32, 192x192, 512x512]
The algorithm takes a high resolution master file and mathematically interpolates it down to the exact dimensions required by Google Android (192px) and Apple iOS (512px).
Bonnes Pratiques & Conseils
- Keep It Simple: A 16x16 pixel square is microscopic. Never use text or complex photographic logos for a favicon. Use a highly simplified, high contrast vector monogram or solid icon.
- Use Transparent PNGs: Always upload a master file with a transparent background. This allows the device OS (like iOS or Android) to apply their own native rounding masks (like squircles) gracefully.
- Don't Forget the Manifest: For Android devices to recognize your app icons, you must include a `site.webmanifest` JSON file in your root directory that points to the exact paths of the 192x192 and 512x512 PNGs.
Foire Aux Questions
Ai-je encore besoin d'un fichier .ico ?
Bien qu'il fût historiquement obligatoire pour Internet Explorer, les navigateurs modernes (Chrome, Safari, Firefox) prennent entièrement en charge les favicons PNG standards via la balise `<link rel='icon' type='image/png'>`. Le format .ico est en grande partie obsolète.
Pourquoi mon favicon paraît-il flou sur les écrans Retina ?
Si vous ne fournissez qu'une icône de 16x16, un écran Retina haute densité l'étirera en 32x32. Vous devez toujours inclure au minimum une taille de 32x32 pour garantir un affichage net sur les moniteurs modernes.
Qu'est-ce que l'icône Apple Touch ?
Lorsqu'un utilisateur iOS sélectionne « Sur l'écran d'accueil », Safari recherche spécifiquement une balise `<link rel='apple-touch-icon'>` pointant vers une icône haute résolution (habituellement 180x180) pour l'utiliser comme raccourci d'application.