shadcn.io— migliaia di blocchi shadcn/ui pronti
Vai al contenuto

Perché i tuoi screenshot pesano 2 MB, e come alleggerirli del 60–90%

Una volta ho contato gli screenshot in un singolo scambio di email di revisione di un design. Undici, in PNG, con una media appena sotto i 2 MB ciascuno. Una ventina di megabyte di dashboard per lo più bianche, che rimbalzavano avanti e indietro tra sei persone che avevano tutte la stessa app aperta in un’altra scheda. Nessuno ci ha pensato, perché «funzionava». È questa la trappola. Gli screenshot sono enormi in sordina, e il motivo è insito in come il tuo computer li scatta.

Perché uno screenshot è un file da 2 MB

Quando premi la scorciatoia dello screenshot, il sistema operativo salva un PNG. È un valore predefinito sensato — il PNG è senza perdita, quindi la cattura è perfetta al pixel, e per uno screenshot pieno di testo nitido è davvero l’istinto giusto. Il problema è cosa fa il PNG con il peso.

Il PNG conserva ogni pixel esattamente. Uno schermo moderno è denso — una cattura a tutta finestra su un display Retina o 4K può essere larga oltre 2.000 pixel, e il PNG registra fedelmente ognuno di quei milioni di pixel a piena fedeltà. Non gli importa che il 60% del fotogramma sia la stessa sfumatura di quasi bianco. Non butta via niente, perché buttare via non è ciò che fa. Così lo screenshot di una pagina impostazioni quasi vuota — visivamente quasi nulla — pesa comunque da 1,5 a 2,5 MB, perché la tela è enorme anche quando il contenuto è scarno.

La mossa: convertire in WebP

Il WebP sa fare una cosa preclusa al PNG — comprimere con perdita mantenendo bordi nitidi e trasparenza. Sugli screenshot in particolare quella combinazione rasenta la magia, perché uno screenshot è per lo più regioni piatte (a basso costo di compressione) con un po’ di testo (che il WebP mantiene affilato). Il passaggio con perdita scarta il rumore impercettibile; il tuo occhio non presenta mai reclamo.

Numeri reali da screenshot sul mio disco:

ScreenshotCome PNGCome WebP
Una pagina impostazioni, per lo più bianca1.6 MB~180 KB
Una dashboard di analytics completa2.4 MB~310 KB
Un editor di codice in modalità scura1.9 MB~240 KB

È circa l’85–90% in meno, e messi fianco a fianco non distinguo quale sia quale. Il testo resta leggibile fino al pixel. È la conversione col rendimento più alto che faccio, proprio perché gli screenshot sono così spropositatamente sovrappeso in partenza — c’è un’enormità di nulla da spremere via.

«Ma il testo non diventa sfocato?»

È questa la paura, ed è legittima, perché probabilmente hai già visto uno screenshot JPG con testo sfocato e aureolato e hai dato per scontato che tutti i formati con perdita facciano così. Il WebP è più bravo del JPG con i bordi — nettamente più bravo. Con un’impostazione di qualità sensata, il testo su uno screenshot WebP resta nitido. Ho ingrandito al 400% a caccia di artefatti intorno alle lettere e sono tornato a mani vuote su normali catture d’interfaccia.

L’eccezione onesta: se abbassi tanto la qualità per inseguire un file minuscolo, prima o poi vedrai il testo ammorbidirsi. La soluzione è non farlo. Un’impostazione di qualità intermedia ti dà già la vittoria del 60–90% col testo intatto. Non c’è motivo di spingersi nella fascia dove si rompe.

Quando alleggerire non serve

Due casi in cui lascio stare il PNG.

Se lo screenshot torna dentro uno strumento di design per essere annotato, marcato o composto, lo tengo senza perdita. Il passaggio con perdita del WebP è una porta a senso unico, e non voglio impastare la compressione dentro qualcosa che sto per modificare e riesportare. Pubblica il WebP, tieni il master PNG — la solita regola.

E se uno screenshot è già piccolo — un dettaglio ritagliato minuscolo, un singolo pulsante, qualcosa già sotto i 100 KB circa — la conversione sposta appena l’ago. La vittoria del 60–90% arriva da file enormi perché la tela è enorme. Un ritaglio piccolo ha già risolto quel problema. Non aggiungere un passaggio per niente.

Come faccio davvero

Passo gli screenshot attraverso il convertitore da PNG a WebP su questo sito prima che si avvicinino a un’email o a un documento. Avviene nel tuo browser, quindi la cattura — che, diciamocelo, spesso mostra metà schermo e qualsiasi cosa ci fosse sullo sfondo — non lascia mai il dispositivo. Butta dentro il PNG, guarda crollare la colonna del peso, scarica il WebP, allega quello.

Il punto più grande non è lo strumento, è il riflesso. Quando «screenshot, poi alleggerisci» diventa automatico, smetti di sparare immagini da 2 MB a persone che hanno già l’app aperta, le tue email partono più in fretta e gli scambi smettono di gonfiarsi fino a decine di megabyte. Quell’email da undici screenshot sarebbe stata circa 2 MB in tutto invece di venti e passa. Stesse immagini. Tutto uguale. Solo senza il peso morto.

Articoli correlati


Tutti gli articoli