Icônes · Outils

Maskable.app

Prévisualise et construit des icônes adaptatives (maskable) pour applications web progressives.

Visiter maskable.app (nouvelle fenêtre)

Créé par Tiger Oakes, Maskable.app est un outil en ligne pour prévisualiser les icônes adaptatives, dites « maskable », des applications web progressives. Le code du site est publié sur GitHub.

Une icône maskable est conçue pour que la plateforme la recadre selon un masque, rond, carré ou arrondi, qui varie d’un appareil à l’autre. Le site permet de charger une icône et de voir comment elle se comporte sous différents masques, afin de vérifier que le motif reste dans la zone sûre avant de l’ajouter au manifeste de l’application. L’outil est gratuit.

Pour un·e graphiste qui livre l’icône d’une application web, c’est un moyen simple de contrôler les marges et le cadrage, et d’éviter qu’un logo soit rogné sur certains téléphones. Il s’adresse surtout aux projets de PWA et ne sert pas pour les icônes d’applications natives.

Dans la même rubrique