Aperçu appareil

Montre l’icône dans un contexte réel. Lisibilité, alignement, clash de fond : à capter avant l’export.

Mockups

Trois modes :

• iPhone — grille d’écran d’accueil avec fond d’écran.
• MacBook — Dock et Launchpad macOS.
• Web — favicon d’onglet et Apple touch icon.

Changer de preview

1. Éditez sur le canvas principal.
2. Cliquez les icônes d’appareil au-dessus ou à côté de l’aperçu.
3. Le mockup se met à jour tout de suite.

Quoi vérifier

iPhone

• Reconnaissable en petit ?
• Contraste premier plan / fond ?
• Padding cohérent avec les apps voisines ?

MacBook

• Ça tient dans le Dock ?
• Lisible en taille barre de menus / Finder ?
• Squircle ou coins justes pour macOS ?

Web

• Favicon encore clair en 16×16 px ?
• Apple touch icon visible sur un écran d’accueil ?
• Fonds transparents corrects dans l’onglet ?

Non destructif

Les mockups sont une référence. L’export, ce sont les icônes brutes, sans cadre d’appareil.

Astuces

• Testez fonds clairs et sombres sur le mockup iPhone.
• Fond transparent : vérifiez une page non blanche en Web.
• Zoomez le canvas pour juger le 16 px avant d’exporter.