Retour au generateur
Ajustez les parametres safe-area directement dans l’outil.
Zone sure des icones maskable
Conservez le contenu essentiel dans une zone centrale sure pour limiter le rognage sur Android.
Checklist source
- Utilisez une source PNG/SVG avec silhouette nette.
- 1024×1024 est recommande pour une bonne qualite 512.
- Simplifiez les details fins pour mieux resister aux masques de forme.
Flux en 3 etapes
- Importez la source puis activez le mode Securise.
- Controlez l’apercu maskable et verifiez l’eloignement des bords.
- Exportez icon-maskable-192x192 et 512x512 via le ZIP.
Exemple complet
Entree : Logo d’application PNG avec transparence.
Parametres : Marge securisee + fond uni pour compatibilite launcher.
Sortie : Le sujet reste lisible dans les decoupes cercle/squircle.
FAQ
Pourquoi l’icone maskable differe de l’icone 512 classique ?
Elle doit garder plus d’espace de securite car le launcher applique un masque.
Fond transparent ou uni pour maskable ?
Le fond uni donne souvent un rendu plus stable selon les launchers.
Comment detecter un sujet trop proche des bords ?
Si texte/logo touche la limite de l’apercu, passez en mode Securise.
Entrees associees
Guide favicon et PWA
Produisez aussi les icones web standards en parallele.
Guide SVG vers pack
Partir d’un SVG et exporter tous les fichiers en un flux.
Base64 Encode / Decode
Convertissez vos assets image en Base64 pour debug ou integration.