L’aspetto può restare uguale mentre il file cambia
Una schermata è un’immagine raster, non l’interfaccia interattiva che ritrae. Uno schermo ad alta densità può registrare più pixel per lo stesso layout visibile. Il testo ne guadagna in nitidezza, ma chi legge una piccola anteprima potrebbe non averne bisogno.
La spiegazione sui PNG tratta le schermate in generale. Qui isoliamo l’effetto con un’interfaccia creata per l’esperimento, senza account o marchi di terzi. La guida ai caricamenti spiega cosa controllare quando un sito rifiuta il file.
Acquisizione controllata, compressione reale
Il 2026-10-29 abbiamo acquisito la stessa interfaccia locale a 1× e 2×. Raddoppiare larghezza e altezza dà 4 volte i pixel, non un moltiplicatore fisso del peso. Entrambe le acquisizioni sono state elaborate da Bitinz con Bilanciato.
Abbiamo conservato un risultato PNG e una conversione WebP per ogni acquisizione. Ogni impostazione è stata eseguita 3 volte per verificare che i file prodotti fossero identici. File sorgente, impronte e risultati accompagnano l’esperimento; la nostra politica editoriale descrive il metodo generale.
Densità e formato, separati
Confronta prima PNG e WebP alla stessa densità. Poi confronta le acquisizioni originali per osservare il costo distinto di registrare più pixel.
| Immagine | Pixel | Uscita | Livello | Prima | Dopo | Risparmio |
|---|---|---|---|---|---|---|
interface-1x.png | 800 × 500 px | PNG | Bilanciato | 42.8 KB | 13.3 KB | 68.8% |
interface-1x.png | 800 × 500 px | WebP | Bilanciato | 42.8 KB | 11.1 KB | 74.1% |
interface-2x.png | 1600 × 1000 px | PNG | Bilanciato | 101.5 KB | 30.6 KB | 69.9% |
interface-2x.png | 1600 × 1000 px | WebP | Bilanciato | 101.5 KB | 27.6 KB | 72.8% |
Bitinz · 1 KB equivale a 1000 byte.
Il testo è la zona da esaminare
Dettaglio PNG originale
Dettaglio PNG compresso
Testo piccolo, linee sottili e pannelli leggermente ombreggiati contano più di un grande fondo vuoto. Guarda il ritaglio a dimensione intera e poi la schermata alla larghezza che vedrà davvero il lettore.
Un WebP più piccolo serve se la destinazione lo accetta e le lettere rimangono chiare. Se serve PNG, il confronto diretto è il PNG compresso. Quando la schermata non è necessaria, conserva il testo della pagina come testo vero.
Mostra ciò che serve al lettore
Prima del caricamento ritaglia gli elementi irrilevanti in un editor. È una scelta di contenuto diversa dalla compressione: riduce distrazioni e pixel. Mantieni il contesto necessario alla spiegazione, come il controllo interessato e la sua etichetta.
La documentazione può richiedere un’immagine ad alta densità nitida e ingrandibile. Per un’anteprima in chat può bastare la zona pertinente. Prova la destinazione reale invece di dare le stesse dimensioni a ogni schermata.
Usa il compressore PNG quando è richiesto PNG oppure prova PNG in WebP per il tuo sito. Confronta entrambi con l’originale e scegli in base a leggibilità e compatibilità.
Prepara una schermata leggibile
- Acquisisci solo interfaccia e contesto necessari al lettore.
- Conserva il PNG originale e comprimi una copia.
- Confronta caratteri e linee sottili a dimensione intera e alla larghezza prevista.
- Usa il file accettabile più leggero nel formato supportato dalla destinazione.
Domande frequenti
- Una schermata a 2× ha il doppio dei pixel?
- Se larghezza e altezza raddoppiano, contiene 4 volte i pixel. Il rapporto fra pesi dipende anche da contenuto e formato.
- Conviene convertire sempre le schermate in WebP?
- Scegli WebP quando la destinazione lo accetta e il testo resta chiaro. Mantieni PNG se è richiesto o offre un risultato più adatto.
- Bitinz ritaglia o ridimensiona la schermata?
- Ritaglio e ridimensionamento si preparano nell’editor. Bitinz elabora il file alle dimensioni caricate.