OpenTools

Générateur de favicon — favicon.ico et jeu d'icônes d'application

Génère toutes les tailles d'icônes utilisées par l'onglet du navigateur, l'écran d'accueil mobile et les résultats de recherche, regroupées dans un seul ZIP.

Le fichier n'est pas envoyé au serveur — traitement effectué uniquement dans le navigateur de cet appareil

Épaisseur
Forme
Informations de l'application (site.webmanifest)
Mon site
Nouvel onglet
16
32
48
180 · iPhone
192 · Android
512
HTML à coller dans <head> 
<link rel="icon" href="/favicon.ico" sizes="32x32">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<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" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
<meta name="theme-color" content="#3182f6">

Ces indications supposent que les fichiers du ZIP soient placés à la racine (/) du site. Le même code se trouve aussi dans head.html.

Publicité

Comment utiliser Créer un favicon

  1. 1Envoyez une image, ou définissez un texte, un emoji et une couleur.
  2. 2Vérifiez le rendu à chaque taille grâce à l'aperçu.
  3. 3Cliquez sur [Télécharger le ZIP], puis collez le code HTML fourni dans <head>.

Questions fréquentes

Quel type d'image d'origine donne le meilleur résultat ?

Un PNG ou SVG carré d'au moins 512×512 donne le meilleur résultat. Aux petites tailles, les formes simples restent plus lisibles.

Un simple favicon.ico ne suffit-il pas ?

Suffisant pour les anciens navigateurs, mais un PNG séparé est nécessaire pour l'écran d'accueil iPhone (180px) et Android (192 et 512px).

Publicité