La pantalla pot semblar igual i el fitxer canviar
Una captura és una imatge de mapa de bits, no la interfície interactiva que retrata. Una pantalla d’alta densitat pot registrar més píxels per al mateix disseny visible. Això afavoreix la nitidesa del text, però qui rep una vista petita potser no necessita tota la captura.
L’explicació de PNG tracta les captures en general. Aquí aïllem l’efecte amb una interfície creada per a l’experiment, sense comptes ni marques de tercers. La guia de pujades explica què comprovar quan el destí rebutja un fitxer.
Captura controlada i compressió real
El 2026-10-29 vam capturar la mateixa interfície local a 1× i 2×. Duplicar amplada i alçada dona 4 vegades més píxels, però no un multiplicador fix de mida de fitxer. Bitinz va processar totes dues captures amb Equilibrat.
Hem conservat una sortida PNG i una conversió WebP de cada captura. Hem executat cada configuració 3 vegades per comprovar que els fitxers resultants fossin idèntics. L’experiment inclou fonts, sumes de verificació i registres; la política editorial explica el mètode general.
Densitat i format, per separat
Compara primer PNG i WebP a la mateixa densitat. Després contrasta les captures originals per veure el cost independent de registrar més píxels.
| Imatge | Píxels | Sortida | Nivell | Abans | Després | Estalvi |
|---|---|---|---|---|---|---|
interface-1x.png | 800 × 500 px | PNG | Equilibrat | 42.8 KB | 13.3 KB | 68.8% |
interface-1x.png | 800 × 500 px | WebP | Equilibrat | 42.8 KB | 11.1 KB | 74.1% |
interface-2x.png | 1600 × 1000 px | PNG | Equilibrat | 101.5 KB | 30.6 KB | 69.9% |
interface-2x.png | 1600 × 1000 px | WebP | Equilibrat | 101.5 KB | 27.6 KB | 72.8% |
Bitinz · 1 KB equival a 1000 bytes.
El text és la zona útil per revisar
Detall del PNG original
Detall del PNG comprimit
El text petit, els traços fins i els panells suaument ombrejats mereixen més atenció que un fons buit. Mira el retall a mida completa i després la captura a l’amplada que veurà realment el lector.
Un WebP més petit és útil si el destí l’accepta i les lletres es mantenen clares. Si cal PNG, compara directament el PNG comprimit. Quan no calgui una captura, conserva el text de la pàgina com a text real.
Mostra el que necessita veure el lector
Abans de pujar-la, retalla l’entorn irrellevant en un editor. És una decisió de contingut separada de la compressió: redueix distraccions i píxels. Mantén el context de la instrucció, com el control rellevant i la seva etiqueta propera.
Una documentació pot necessitar una imatge nítida d’alta densitat que es pugui ampliar. Una vista de xat pot requerir només la zona útil. Prova el destí real en comptes de reduir totes les captures a les mateixes dimensions.
Fes servir el compressor PNG si s’exigeix PNG, o prova PNG a WebP per al teu web. Compara tots dos amb l’original i tria segons la llegibilitat i la compatibilitat.
Prepara una captura llegible
- Captura només la interfície i el context que necessita el lector.
- Conserva el PNG original i comprimeix una còpia.
- Compara lletres i traços fins a mida completa i a l’amplada prevista.
- Utilitza el fitxer acceptable més lleuger en el format admès pel destí.
Preguntes freqüents
- Una captura a 2× té el doble de píxels?
- Si es dupliquen amplada i alçada, conté 4 vegades més píxels. La proporció entre mides de fitxer també depèn del contingut i del format.
- Cal convertir sempre les captures a WebP?
- Tria WebP si el destí l’admet i el text continua clar. Mantén PNG si és obligatori o dona un resultat més adequat per a la captura.
- Bitinz retalla o redimensiona la captura?
- El retall i el canvi de dimensions es preparen en un editor. Bitinz processa el fitxer a les dimensions que puges.