← Tous les outils

Générateur de favicon

Transformez une image en favicon.ico, PNG de plusieurs tailles, apple-touch-icon et manifest. Les fichiers ne quittent pas votre appareil.

À propos de cet outil

Créez un jeu complet d'icônes de site à partir d'une seule image : favicon.ico pour les onglets du navigateur (16, 32 et 48 pixels dans un seul fichier), des PNG de plusieurs tailles, une apple-touch-icon pour l'écran d'accueil de l'iPhone, des icônes Android dont une adaptative (maskable) et un site.webmanifest, le tout dans un ZIP.

L'outil écrit aussi le code à coller dans le <head> de votre site : il suffit d'envoyer les fichiers et d'ajouter le code. Vous pouvez régler la couleur de fond, la marge intérieure et les coins arrondis tout en voyant le rendu à taille réelle.

Mode d'emploi

  1. Glissez une image sur la page ou cliquez pour la choisir. Elle n'a pas besoin d'être carrée.
  2. Faites glisser et zoomez pour choisir la partie de l'image qui ira dans l'icône.
  3. Choisissez un fond transparent ou coloré et réglez la marge intérieure et les coins arrondis. Vérifiez que l'icône reste reconnaissable dans l'aperçu en 16 pixels.
  4. Récupérez les fichiers avec « Télécharger le ZIP », envoyez-les sur votre site, puis copiez et collez le code <head> affiché à l'écran.

Questions fréquentes

Que contient le ZIP ?

favicon.ico, les PNG favicon-16x16, 32x32, 48x48 et 96x96, apple-touch-icon.png (180), icon-192.png, icon-512.png, icon-maskable-512.png, site.webmanifest, et head-snippet.html avec le code pour votre <head>.

Qu'est-ce que la zone de sécurité adaptative ?

Android découpe les icônes selon différentes formes suivant l'appareil, comme des cercles ou des carrés arrondis. Une icône adaptative laisse de la marge autour du centre pour que l'essentiel survive à n'importe quel découpage. Activez l'affichage de la zone de sécurité pour voir à l'écran la partie qui n'est jamais rognée.

Faut-il activer les coins arrondis ?

Il vaut généralement mieux les laisser désactivés. iOS et Android arrondissent eux-mêmes les coins des icônes sur l'écran d'accueil ; des coins déjà arrondis risquent de l'être deux fois.

Mes fichiers sont-ils envoyés sur un serveur ?

Non. Tout le traitement se fait dans le navigateur que vous utilisez en ce moment. Vos fichiers ne sont envoyés nulle part : aucune copie de vos photos ou documents ne reste sur le serveur de quelqu'un d'autre.

Est-ce gratuit ? Faut-il un compte ?

C'est gratuit, sans inscription ni connexion. Il suffit d'ouvrir la page.

Outils associés