Choisir un format d’export pour un mockup

Trois formats couvrent tout ce que vous exporterez d’un outil de mockups, et le choix se ramène à deux questions : faut-il de la transparence, et la destination est-elle une boutique qui a des exigences ? Se tromper produit soit un dépôt refusé, soit une page inutilement lourde.

PNG pour les boutiques et pour tout ce qui a de la transparence

Le PNG est sans perte, gère l’alpha et est accepté partout. Utilisez-le pour les captures de boutique, les icônes et tout mockup que vous composerez plus tard sur un autre fond. Sa faiblesse est le poids sur du contenu photographique, mais un appareil sur un dégradé est justement ce que le PNG compresse bien : ce coût est rarement réel. Rappelez-vous que les captures de boutique ne doivent pas contenir d’alpha : aplatissez avant l’export même si le format le permet.

JPEG quand le fichier est lourd et que l’aplat domine

Le JPEG n’a pas d’alpha et perd du détail, mais en haute qualité cela reste invisible sur la plupart des rendus produit et le fichier peut peser une fraction. C’est le bon choix pour les grandes images de présentation et les visuels web où la bande passante compte plus que la perfection des arêtes. Surveillez les bandes dans les dégradés doux, où ses artefacts apparaissent en premier, et n’exportez jamais un JPEG depuis un JPEG : revenez à la source.

WebP pour le web, avec une solution de repli en tête

Le WebP donne des fichiers plus légers que les deux autres à qualité comparable et gère la transparence : c’est le choix par défaut sensé pour votre propre site. Il n’est pas accepté au dépôt sur les boutiques, gardez donc ces exports séparés. Si vous exportez depuis un outil en navigateur, conserver un PNG maître par visuel et convertir en WebP pour le site vous laisse un original sans perte pour les refontes.