Scegliere un formato di esportazione per un mockup

Tre formati coprono tutto ciò che esporterai da uno strumento di mockup, e la scelta si riduce a due domande: serve la trasparenza, e la destinazione è uno store con requisiti propri? Sbagliare produce o un caricamento rifiutato o una pagina inutilmente pesante.

PNG per gli store e per tutto ciò che ha trasparenza

Il PNG è senza perdita, supporta l’alfa ed è accettato ovunque. Usalo per gli screenshot di store, le icone e ogni mockup che comporrai poi su un altro sfondo. Il suo punto debole è il peso sui contenuti fotografici, ma un dispositivo su un gradiente è proprio ciò che il PNG comprime bene: raramente è un costo reale. Ricorda che gli screenshot di store non possono contenere alfa: appiattisci prima di esportare anche se il formato lo permetterebbe.

JPEG quando il file è grande e dominano le tinte piatte

Il JPEG non ha alfa e perde dettaglio, ma ad alta qualità è invisibile sulla maggior parte dei render di prodotto e può pesare una frazione. È la scelta giusta per grandi immagini in evidenza e per immagini web dove la banda conta più della perfezione dei bordi. Controlla le bande nei gradienti morbidi, dove i suoi artefatti compaiono per primi, e non esportare mai un JPEG da un JPEG: torna alla sorgente.

WebP per il web, con un piano di riserva

Il WebP dà file più leggeri di entrambi a qualità comparabile e supporta la trasparenza: è la scelta predefinita sensata per il tuo sito. Non è accettato nei caricamenti sugli store, quindi tieni separate quelle esportazioni. Se esporti da uno strumento nel browser, conservare un PNG master per risorsa e convertire in WebP per il sito ti lascia un originale senza perdita per quando il design cambierà.