Générateur d'icône maskable PWA
Importez votre logo, choisissez un fond, et générez une icône maskable conforme au standard des Progressive Web Apps : le logo reste bien visible même lorsque le système découpe l'icône en cercle, en carré arrondi ou en toute autre forme.
Comment ça marche
Une icône maskable doit remplir tout le carré, bords compris (contrairement à une icône classique avec des marges transparentes), car le système d'exploitation applique ensuite sa propre forme de découpe (cercle, carré arrondi, goutte...) par-dessus. Le cercle en pointillés affiché dans l'aperçu représente la zone de sécurité standard (environ 80% du diamètre) : tout logo placé à l'intérieur reste visible quelle que soit la forme de découpe appliquée par l'appareil de l'utilisateur.
Dois-je aussi fournir une icône classique (non maskable) ?
Oui, il est recommandé de déclarer les deux types d'icônes dans le fichier manifest de votre PWA (une entrée avec "purpose": "any" et une avec "purpose": "maskable"), car certains systèmes n'appliquent pas de découpe et affichent l'icône "any" telle quelle.
Pourquoi generer à la fois 192x192 et 512x512 ?
Le format 192x192 est la taille minimale recommandée pour l'icône d'accueil sur la plupart des appareils Android, tandis que 512x512 est utilisée pour l'écran de démarrage (splash screen) et les contextes nécessitant une meilleure résolution, comme les stores d'applications.
Traitement 100% local : la composition de l'icône s'effectue entièrement dans votre navigateur, votre logo n'est jamais envoyé à un serveur.