Générateur d’icônes PWA

Générez les icônes dont une web app installable a besoin — des PNG de 192 et 512px plus un site.webmanifest — à partir d’une seule image, entièrement dans votre navigateur.

La confidentialité avant tout : chaque image est traitée localement dans votre navigateur. Rien n’est envoyé, stocké ni transmis à un serveur.

Les icônes qui rendent une app installable

Une progressive web app est jugée installable en partie sur ses icônes : les navigateurs cherchent un manifeste web déclarant au moins un PNG de 192×192 et un de 512×512 avant de proposer une invite d’installation ou de placer une icône correcte sur l’écran d’accueil. Ce générateur rend les deux depuis votre image source et écrit un site.webmanifest qui les référence, aux côtés de l’apple-touch-icon qu’iOS réclame et d’un favicon.ico pour les onglets ordinaires.

Mettez-la en forme pour le lanceur

Les lanceurs Android peuvent masquer une icône en cercle ou en carré arrondi : un visuel qui court jusqu’au bord risque donc d’être rogné. Ajoutez ici une marge et un fond uni et l’essentiel reste dans la zone de sécurité quel que soit le masque appliqué ; l’aperçu en direct montre le résultat à chaque taille. Tout est rendu sur votre appareil avec l’API Canvas — votre logo n’est jamais envoyé — et le jeu complet se télécharge sous forme de zip.

Questions fréquentes

Mon image est-elle envoyée pour créer le favicon ?
Non. Le favicon.ico, les icônes PNG et le manifeste sont tous générés localement dans votre navigateur à l’aide de l’API Canvas. Votre image ne quitte jamais votre appareil.
Quelles tailles et quels fichiers est-ce que j’obtiens ?
Un favicon.ico multi-résolution (16, 32 et 48 px), des icônes PNG en 16, 32, 48, 180 (apple-touch-icon), 192 et 512 px, un site.webmanifest et un extrait HTML à coller dans votre <head>.
Puis-je convertir un PNG ou un SVG en ICO ?
Oui. Déposez un PNG, un JPG, un SVG ou un WebP et téléchargez un véritable favicon.ico. Les logos SVG sont d’abord rasterisés localement en haute résolution.
Quelle image fonctionne le mieux ?
Une image carrée avec un logo simple et très contrasté. Les images non carrées sont recadrées au centre pour s’ajuster ; utilisez les réglages de marge et de forme pour la cadrer comme vous le souhaitez.
Comment installer le favicon ?
Décompressez l’archive dans le dossier racine de votre site et collez l’extrait HTML fourni dans le <head> de vos pages. Le favicon.ico est détecté automatiquement par la plupart des navigateurs.