Outils › Design
Atelier favicon et icônes d’app
Transformez un logo en favicon.ico, apple-touch-icon, icônes Android adaptatives et maskable, jeu AppIcon iOS et site.webmanifest.
Contenu
favicon.ico (16, 32, 48), favicons PNG, apple-touch-icon, icônes Android Chrome et maskable, site.webmanifest, un jeu AppIcon iOS pour Xcode, des mipmaps Android avec icône adaptative, et cet extrait HTML :
<link rel="icon" href="/favicon.ico" sizes="48x48"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="apple-touch-icon" href="/apple-touch-icon.png"> <link rel="manifest" href="/site.webmanifest"> <meta name="theme-color" content="#F39A3D">
Comment ça marche
- Votre logo est dessiné sur un canvas à chaque taille, avec des zones de sécurité pour les icônes maskable et adaptatives.
- favicon.ico contient des PNG de 16, 32 et 48 px, lus par tous les navigateurs actuels.
Questions
Quelle image source donne le meilleur résultat ?
Un SVG, ou un PNG carré d’au moins 512×512 avec un peu d’espace vide autour du logo.