Blog

PNG o JPEG per gli screenshot? Abbiamo misurato 63 screenshot reali

Scritto da InSnap · Pubblicato · png, jpeg, webp, dimensione file, screenshot

PNG o JPEG per gli screenshot? Abbiamo misurato 63 screenshot reali

Il JPEG spesso non è più piccolo del PNG per gli screenshot. Abbiamo confrontato PNG, JPEG e WebP su 63 screenshot reali: dimensioni dei file e artefatti sul testo.

Per lo screenshot di una finestra di app, il JPEG spesso non è più piccolo del PNG. Nel nostro test su 63 screenshot reali dell'interfaccia, il JPEG a qualità 85 pesava in mediana il 96% del PNG, e nel 40% delle immagini era più grande. Per ottenere un file chiaramente più piccolo bisogna scendere a qualità 70 o meno, e così compaiono aloni attorno al testo.

Il risparmio maggiore sta altrove: ridurre a 1x uno screenshot Retina. È l'impostazione da provare per prima.

Come abbiamo misurato

Abbiamo renderizzato 63 screenshot dell'interfaccia di InSnap stessa in dimensione Retina (2x), 1840 × 1320 pixel ciascuno: 20 pagine delle impostazioni, 18 viste della cronologia, 7 schermate dell'editor di immagini, 13 schermate dell'editor delle guide e 5 dell'editor video. Il PNG mediano, così come salvato, era di circa 195 KB.

Ogni immagine è stata ricodificata come PNG ottimizzato, JPEG a qualità 95, 85, 70 e 50, e WebP sia senza perdita sia con perdita. Per ogni risultato abbiamo registrato la dimensione del file rispetto al PNG e la quota di pixel che cambiava visibilmente, cioè qualsiasi canale colore spostato di più di 8 su 255.

Si tratta di contenuto piatto dell'interfaccia, il tipico «screenshot di un'app», senza fotografie. Uno schermo Retina intero contiene circa tre volte i pixel di queste finestre, quindi sul tuo le dimensioni assolute saranno più grandi.

I risultati

Dimensione del file di JPEG e WebP rispetto al PNG, per tipo di schermata
CodificaDimensione rispetto al PNG (intervallo sui cinque tipi di schermata)Pixel modificati visibilmente
PNG100%0%
JPEG, qualità 95Dal 107% al 181%Dallo 0.5% all'1.2%
JPEG, qualità 85Dal 70% al 119%Dall'1.4% all'1.8%
JPEG, qualità 70Dal 54% al 94%Dal 2.5% al 3.0%
JPEG, qualità 50Dal 45% al 78%Dal 3.5% al 4.1%
WebP, senza perditaDal 31% al 55%0%
WebP, qualità 90Dal 30% al 44%Dallo 0.5% all'1.3%

Tre cose saltano all'occhio.

  • Un JPEG di alta qualità può pesare più del PNG. Colori piatti e bordi netti sono ciò che il PNG comprime meglio e ciò che il JPEG gestisce peggio. Il JPEG a piena crominanza (4:4:4), che mantiene più pulito il testo colorato, era ancora più grande: dal 93% al 155% del PNG a qualità 85.
  • Il WebP senza perdita è stato l'opzione senza perdita più piccola, dal 31% al 55% del PNG. InSnap salva solo PNG o JPEG, quindi questo mostra cosa potrebbe fare un codificatore diverso, non un'impostazione che puoi scegliere. Verifica prima che il posto in cui carichi accetti WebP.
  • Ogni passaggio con perdita modifica il testo. Il prezzo di un JPEG più piccolo si paga proprio sui pixel che ti interessano.
Lo stesso pulsante con quattro qualità JPEG

A qualità 85 il testo del pulsante è quasi identico e il file ha la stessa dimensione del PNG, quindi non c'è nulla da guadagnare. A 70 e 50 il file si riduce, e compare un leggero alone attorno alle lettere bianche.

Cosa rende davvero più piccolo uno screenshot

Ridimensionare batte la ricodifica. Uno screenshot Retina ha quattro volte i pixel di uno 1x, e in InSnap basta un'unica opzione.

Modifica (mediana dei 63)Dimensione rispetto al PNG 2x
Ridurre a 1x, mantenere PNG67%
Ridurre a 1x, poi JPEG qualità 8537%
JPEG qualità 85 a 2x96%

Le immagini piatte dell'interfaccia si comprimono così bene che tagliare il numero di pixel di tre quarti riduce il PNG solo di un terzo, ma la combinazione di 1x e JPEG è l'opzione più piccola che mantiene il testo leggibile.

In InSnap, apri Impostazioni › Salva, attiva Riduci gli screenshot Retina a 1x e scegli lì il formato dell'immagine. I dettagli sono in PNG, JPEG e formati degli appunti, e la checklist completa per i file troppo grandi è in screenshot troppo grande per il caricamento.

Quale formato usare

SituazioneUsa
Documentazione, segnalazioni di bug, slide, tutto ciò che ha testoPNG
Troppo grande per un'email o un moduloPrima riduci a 1x, poi JPEG a qualità 85 o superiore se la destinazione lo richiede
Una foto o un fotogramma di videoJPEG; non abbiamo misurato le fotografie, e il JPEG è pensato proprio per quelle
Lo modificherai o ritaglierai di nuovoPNG; il JPEG perde un po' di qualità ogni volta che lo salvi di nuovo

Domande frequenti

Il JPEG è più piccolo del PNG per gli screenshot?

Non in modo affidabile. Per gli screenshot piatti dell'interfaccia, nel nostro test il JPEG a qualità 85 aveva più o meno la stessa dimensione del PNG, e nel 40% delle immagini era più grande. Diventa più piccolo a qualità più basse, con artefatti visibili attorno al testo.

Perché il mio screenshot JPEG è più grande del PNG?

Gli screenshot sono per lo più colori piatti e bordi netti. Il PNG li memorizza in modo molto efficiente, mentre il JPEG spende bit sui bordi per evitare la sfocatura. Le fotografie si comportano al contrario.

Ridurre uno screenshot Retina a 1x ne peggiora la qualità?

Dimezza larghezza e altezza, quindi il testo viene renderizzato con un quarto dei pixel. Va bene per documenti, chat ed email. Mantieni la risoluzione piena quando l'immagine verrà vista su uno schermo Retina o ritagliata di nuovo.

Il WebP è migliore del PNG per gli screenshot?

Nel nostro test il WebP senza perdita pesava dal 31% al 55% del PNG, senza alcuna modifica ai pixel. InSnap salva solo PNG o JPEG, e alcuni caricamenti non accettano il WebP, quindi verifica la destinazione prima di convertire.

Il tuo prossimo screenshot è a una scorciatoia di distanza.

macOS 14.4+ (Apple Silicon e Intel) · Windows 10+ (64 bit)