FrançaisFR

Générateur de favicon – image ou texte en favicon.ico

Ajoutez un texte ou une image et obtenez tous les fichiers favicon dont votre site a besoin, dans toutes les bonnes tailles.

Vos textes et fichiers restent dans votre navigateur : rien n’est envoyé à un serveur.

L’apple-touch-icon (180 px) est toujours un carré plein, car iOS arrondit lui-même les coins.

Aperçu
16×16
32×32
48×48
180×180
192×192
512×512
Fichiers
    Balises HTML (dans <head>)
    site.webmanifest

    Mode d’emploi

    1. Choisissez « À partir d’un texte ou d’un emoji » pour utiliser une ou deux lettres ou un emoji, ou « À partir d’une image » pour partir de votre logo.
    2. Réglez la couleur d’arrière-plan, la forme (carré, arrondi ou cercle), la taille du texte et la marge : l’aperçu se met à jour au fur et à mesure.
    3. « Tout télécharger (ZIP) » vous donne favicon.ico, six PNG, site.webmanifest et un fichier contenant les balises. Chaque fichier peut aussi être téléchargé séparément.
    4. Placez les fichiers à la racine de votre site et collez les balises HTML dans <head>.

    Questions fréquentes

    Quelles tailles contient favicon.ico ?

    Il contient trois images – 16, 32 et 48 px – au format PNG. Les navigateurs modernes et Windows lisent directement les images PNG dans un fichier ICO.

    Puis-je renommer les fichiers ?

    Oui, mais modifiez alors les chemins dans les balises HTML et dans site.webmanifest. Le plus simple est de garder les noms proposés.

    Pourquoi les emojis sont-ils différents selon l’appareil ?

    Les emojis sont dessinés avec les polices installées sur votre appareil, ils diffèrent donc entre Windows, macOS et Android. Une fois téléchargé, le PNG est une image et s’affiche partout de la même façon.

    Mon nouveau favicon n’apparaît pas dans le navigateur.

    Les navigateurs gardent longtemps les favicons en cache. Rechargez la page sans le cache (Ctrl + F5) ou ajoutez ?v=2 à la fin des chemins dans vos balises.

    Outils similaires

    Image placeholderImages factices de toute tailleRedimensionner une imageEn pixels ou en pourcentageConvertisseur d’imagesConvertir JPG, PNG et WebPFond transparentRendre une couleur transparente

    Tous les outils