Quelles tailles sont générées ?

16×16, 32×32, 48×48 (regroupées dans favicon.ico), 180×180 (Apple Touch Icon), 192×192 et 512×512 (icônes PWA).

La transparence est-elle conservée ?

Oui. Le canal alpha du PNG est conservé dans tous les fichiers de sortie, y compris au format ICO.

Quelle est la différence entre favicon.ico et les icônes PNG ?

favicon.ico regroupe plusieurs tailles dans un seul fichier pour la compatibilité avec les anciens navigateurs, tandis que les icônes PNG sont utilisées par les navigateurs modernes et les PWA. Fournir les deux garantit une compatibilité maximale.

Qu'est-ce qu'une bonne image source ?

Un PNG carré à fond transparent d'au moins 512×512 pixels donne les meilleurs résultats une fois réduit aux plus petites tailles d'icône.

Comment ajouter le favicon à mon site ?

Ajoutez <link rel="icon" href="/favicon.ico"> et <link rel="apple-touch-icon" href="/apple-touch-icon.png"> dans le <head> de votre HTML.

ImageStream

FLEXEAM · MEMETALKPlus que des mots. Tout à ton image.Pas besoin d’expliquer. Viens jouer.Découvrir sans inscription →AD

Générateur de favicon

Convertir PNG en favicon.ico et package multi-taille

Un favicon est la petite icône affichée dans les onglets du navigateur, les favoris et les écrans d'accueil des mobiles. Importez un PNG et générez instantanément un lot complet d'icônes multi-tailles compatible avec tous les navigateurs et appareils.

Comment générer un favicon

1Importez une image PNG (fond transparent recommandé)
2Sélectionnez les tailles d'icône dont vous avez besoin
3Téléchargez le pack ZIP et ajoutez-le à votre site

Conseils et cas d'usage du favicon

Site web — compatibilité entre navigateurs

Pour un affichage correct dans Chrome, Safari, Firefox et Edge, fournissez à la fois favicon.ico et des fichiers PNG. Envoyez tous les fichiers du ZIP généré à la racine de votre site et ajoutez les balises link correspondantes dans le head de votre HTML.

PWA / écran d'accueil mobile

Pour les applications web progressives et les raccourcis de l'écran d'accueil, il vous faut des PNG de 192×192 et 512×512. Déclarez les deux tailles dans le tableau icons de votre manifest.json pour afficher des icônes haute résolution sur Android et iOS.

Identité de marque — le logo comme icône

Recadrez uniquement le symbole ou l'emblème de votre logo dans un PNG carré avant de le convertir en favicon. Gardez un design simple : il doit rester reconnaissable même en 16×16 pixels.