Un logo en entrée, un ZIP en sortie : favicon.ico, PNG pour Apple et Android, et le code HTML à copier-coller.
favicon.ico (16, 32 et 48 dans un seul fichier), favicon-16/32/48.png, apple-touch-icon.png (180, écran d'accueil iOS), icon-192.png et icon-512.png (Android et PWA), site.webmanifest, et les lignes pour votre balise head. Le tout dans un seul ZIP.
Un PNG carré de 512px ou plus, ou un SVG. Un logo typographique large sera centré avec des marges vides sur les côtés, alors qu'un symbole autonome reste bien plus lisible en 16px ; les lettres sont illisibles à cette taille.
Les arrière-plans transparents s'intègrent naturellement dans les onglets et les favoris, tandis qu'iOS peut remplir les zones transparentes des icônes d'écran d'accueil avec une couleur unie (souvent noire) : définir un arrière-plan y est donc plus sûr. iOS arrondit lui-même les angles, c'est pourquoi l'apple-touch-icon est généralement laissée carrée. iOS, Android et Windows sont des marques déposées respectivement par Apple, Google et Microsoft ; Keepdesk n'est ni affilié à, ni sponsorisé ou approuvé par ces entreprises.
Placez les fichiers à la racine de votre site (/) et collez les lignes de snippet.html dans . Si l'ancienne icône persiste en raison du cache, ajoutez ?v=2 aux URL.
Non. Le redimensionnement, la création du fichier ICO et la compression ZIP s'effectuent entièrement dans votre navigateur.
Tout fichier SVG que le navigateur peut afficher. Les fichiers SVG faisant référence à des polices ou à des images externes peuvent perdre ces éléments.
Le format PNG dans l'ICO est pris en charge par les navigateurs modernes et les versions récentes de Windows, mais les environnements très anciens ne lisent parfois que les ICO basés sur BMP. Conservez favicon-32.png à leurs côtés pour ces derniers.
Vous obtenez un fichier ZIP contenant un favicon.ico multi-tailles, plusieurs icônes PNG, un manifeste web et les extraits de code HTML link nécessaires.
Oui, vous pouvez choisir une forme carrée, arrondie ou circulaire pour votre icône.
Non, il ne supprime pas les arrière-plans. Veuillez utiliser un outil de suppression d'arrière-plan au préalable si vous avez besoin d'une image source transparente.
Oui, vous pouvez appliquer une marge interne de 0%, 8% ou 15% pour éviter que votre icône ne soit coupée sur les bords.