Drop a logo or image here, or click to choose
A square image of at least 512 × 512 px gives the sharpest results. SVG is best of all.
Transformez un logo ou une image en un jeu complet de favicons : favicon.ico, tailles PNG, une icône Apple touch, des icônes Android et maskable, un manifeste web et les balises HTML à coller. Tout est dessiné dans votre navigateur, et une source SVG reçoit aussi un favicon.svg net.
Déposez un logo ou une image sur la page, cliquez pour en choisir un, ou collez-le avec Ctrl+V. PNG, JPG, SVG, WebP, GIF, AVIF, ICO et HEIC fonctionnent tous.
Sous Ajustement, choisissez Ajuster toute l'image ou Rogner en carré, et activez Rogner les bords vides si le logo a des marges transparentes.
Dans Style de l'icône, réglez l'Arrière-plan (Aucun, Uni ou Dégradé), la Forme et la Marge tout en regardant les aperçus d'onglet de navigateur et d'écran d'accueil.
Renseignez les Détails du site (nom du site, nom court, couleur du thème, URL du dossier d'icônes) et choisissez les tailles sous Sortie.
Cliquez sur Télécharger le pack (ZIP), téléversez les fichiers sur votre site, et copiez les balises de Coller dans le <head> dans votre page.
Non. Chaque icône est rendue avec le canevas dans votre navigateur, l'image ne quitte donc jamais votre appareil.
favicon.ico (16, 32 et 48 px par défaut, jusqu'à 256 px), favicon-16x16.png et favicon-32x32.png plus toutes les tailles PNG supplémentaires que vous cochez, apple-touch-icon.png (180 px), android-chrome 192 et 512 px, maskable-icon-512x512.png, site.webmanifest et favicon-snippet.html. Vous pouvez aussi télécharger n'importe quel fichier seul depuis la liste Fichiers.
Une image carrée d'au moins 512 × 512 px. Les images plus petites sont agrandies et la page vous avertit qu'elles paraîtront floues. Un SVG est idéal : il reste net à toutes les tailles et ajoute favicon.svg au pack.
Ajuster toute l'image conserve le logo entier et laisse de l'espace vide autour. Rogner en carré remplit l'icône et coupe les côtés les plus longs.
iOS n'affiche pas la transparence sur les icônes de l'écran d'accueil, apple-touch-icon.png et l'icône maskable sont donc toujours des carrés opaques. Avec Arrière-plan réglé sur Aucun, elles sont remplies en blanc, et l'icône maskable garde le dessin dans la zone sûre qu'Android peut rogner en cercle.
Le Convertisseur part d'une image que vous avez déjà. Le Générateur de favicon construit l'icône à partir de lettres, d'un emoji ou d'une icône open source, et produit le même pack.
