Monu Tools

Générateur de favicon

Transformez n'importe quelle image en un jeu complet de favicons : le .ico, les tailles PNG, l'Apple touch icon et un web manifest, générés dans votre navigateur.

Comment utiliser l'outil Générateur de favicon

  1. 01

    Importez une image carrée. Un logo ou une icône simple convient mieux, et le traitement s'effectue dans votre navigateur.

  2. 02

    Choisissez éventuellement un arrière-plan et saisissez le nom de votre site pour le web manifest.

  3. 03

    Téléchargez le ZIP et collez l'extrait HTML dans le head de votre page.

Ce qu'est un favicon

Un favicon est la petite icône affichée dans les onglets du navigateur, les favoris et sur les écrans d'accueil des téléphones. C'est un minuscule détail qui donne à un site un air fini et reconnaissable, et les navigateurs modernes en attendent plusieurs versions.

Pourquoi une seule image ne suffit pas

Voilà le piège : une seule image ne suffit plus. Il vous faut un fichier .ico multi-tailles pour les navigateurs classiques, des tailles PNG séparées, une icône Apple touch pour les écrans d'accueil iOS, des PNG plus grands pour Android, et un manifeste web si le site doit pouvoir être installé.

Ce générateur construit l'ensemble complet à partir d'une seule image, y compris un vrai .ico multi-tailles, et vous donne l'extrait HTML exact à déposer dans l'en-tête de votre page, pour que vous n'ayez rien à assembler ni à écrire à la main.

Quelle image téléverser

Pour un meilleur résultat, téléversez une image carrée d'au moins 512 px, idéalement un logo ou une marque simple plutôt qu'une photo détaillée, puisque l'icône est souvent affichée très petite. Une image non carrée est centrée et complétée pour devenir carrée, donc les détails près des bords peuvent se retrouver dans les marges.

Couleur de fond et nom du site

Vous pouvez facultativement définir une couleur de fond et le nom de votre site. Le nom du site va dans le manifeste web utilisé lorsque quelqu'un ajoute le site à son écran d'accueil.

Fonctionne dans votre navigateur

Tout s'exécute localement dans votre navigateur avec l'API Canvas, donc votre image n'est jamais téléversée. Vous téléchargez un ZIP avec tous les fichiers et l'extrait à coller.

Questions fréquentes

Que contient le paquet de favicon ?

Un favicon.ico avec 16, 32 et 48 px, des PNG distincts de 16 et 32 px, un Apple touch icon de 180 px, des PNG de 192 et 512 px pour Android, un site.webmanifest, et un extrait HTML à coller dans l'en-tête de votre page.

Quelle image dois-je téléverser ?

Une image carrée d'au moins 512 px fonctionne le mieux, idéalement un logo ou une marque simple. Une image non carrée est centrée et complétée jusqu'à former un carré, le détail près des bords peut donc se retrouver dans les marges.

Mes images sont-elles téléversées ?

Non. Les icônes sont générées dans votre navigateur avec la Canvas API, votre image ne quitte donc jamais votre appareil.

Pourquoi ai-je besoin d'autant de tailles ?

Différents endroits affichent l'icône à différentes tailles : minuscule dans un onglet de navigateur, plus grande sur l'écran d'accueil d'un téléphone. Fournir plusieurs tailles permet à chaque contexte d'utiliser une icône nette et correctement mise à l'échelle.

À quoi sert le web manifest ?

Le site.webmanifest indique aux téléphones les icônes et le nom à utiliser lorsque quelqu'un ajoute votre site à son écran d'accueil, afin qu'il se comporte comme une application installée.

Sources

Intégrer cet outil

Ajoutez cet outil à votre propre site web. Copiez le code ci-dessous. Il reste à jour automatiquement.

<iframe src="https://monu.tools/embed/fr/favicon-generator" width="100%" height="640" style="border:1px solid #e5e5e5;border-radius:12px;max-width:680px" loading="lazy" title="Monu Tools"></iframe>

Outils similaires