Het scherm kan gelijk ogen terwijl het bestand verandert
Een schermafbeelding is een rasterbeeld, niet de interactieve interface zelf. Een scherm met hoge dichtheid kan meer pixels vastleggen voor dezelfde zichtbare lay-out. Dat maakt tekst scherper, maar voor een kleine voorvertoning is de volledige opname niet altijd nodig.
De PNG-uitleg bespreekt schermafbeeldingen in het algemeen. Hier isoleren we het effect met een speciaal gemaakte interface zonder accountgegevens of merken van derden. De uploadgids vertelt wat je controleert wanneer een bestemming het bestand weigert.
Gecontroleerde opname, echte compressie
Op 2026-10-29 legden we dezelfde lokaal gerenderde interface vast op 1× en 2×. Een dubbele breedte én hoogte geven 4 keer zoveel pixels, niet een vaste vermenigvuldiging van de bestandsgrootte. Bitinz verwerkte beide opnames met Gebalanceerd.
Van elke opname bewaarden we een PNG-uitvoer en een WebP-conversie. Elke instelling is 3 keer uitgevoerd om te controleren of de uitvoerbestanden identiek waren. Bronbestanden, controlesommen en uitvoerrecords horen bij het experiment; ons redactiebeleid beschrijft de algemene methode.
Dichtheid en formaat afzonderlijk
Vergelijk eerst PNG met WebP bij dezelfde dichtheid. Vergelijk daarna de bronopnames voor de afzonderlijke kosten van meer vastgelegde pixels.
| Afbeelding | Pixels | Uitvoer | Niveau | Voor | Na | Besparing |
|---|---|---|---|---|---|---|
interface-1x.png | 800 × 500 px | PNG | Gebalanceerd | 42.8 KB | 13.3 KB | 68.8% |
interface-1x.png | 800 × 500 px | WebP | Gebalanceerd | 42.8 KB | 11.1 KB | 74.1% |
interface-2x.png | 1600 × 1000 px | PNG | Gebalanceerd | 101.5 KB | 30.6 KB | 69.9% |
interface-2x.png | 1600 × 1000 px | WebP | Gebalanceerd | 101.5 KB | 27.6 KB | 72.8% |
Bitinz · 1 KB bevat 1000 bytes.
Tekst is het nuttige inspectiegebied
Detail van bron-PNG
Detail van gecomprimeerd PNG
Kleine tekst, dunne lijnen en licht beschaduwde vlakken verdienen meer aandacht dan een leeg vlak. Bekijk de uitsnede op volledige grootte en daarna de schermafbeelding op de breedte die de lezer echt ziet.
Een kleiner WebP is nuttig als de bestemming het accepteert en de letters helder blijven. Moet de opname PNG blijven, vergelijk dan rechtstreeks de gecomprimeerde PNG. Houd tekst als echte tekst op de pagina wanneer een schermafbeelding niet nodig is.
Laat zien wat de lezer nodig heeft
Snijd vóór uploaden irrelevante omgeving weg in een editor. Dat is een inhoudskeuze naast compressie en vermindert afleiding én pixels. Bewaar noodzakelijke context, zoals de betreffende bediening en het label ernaast.
Documentatie kan een scherpe opname met hoge dichtheid nodig hebben die vergroot kan worden. In een chat kan het relevante gebied volstaan. Test de echte bestemming in plaats van iedere opname naar dezelfde maten te brengen.
Gebruik de PNG-compressor als PNG vereist is, of probeer PNG naar WebP voor je eigen website. Vergelijk beide met de bron; leesbaarheid en ondersteuning bepalen de keuze.
Maak een leesbare schermafbeelding
- Leg alleen de interface en context vast die de lezer nodig heeft.
- Bewaar het bron-PNG en comprimeer een kopie.
- Vergelijk letters en dunne lijnen op volledige grootte en de bedoelde weergavebreedte.
- Gebruik het lichtste geschikte bestand in een ondersteund formaat.
Veelgestelde vragen
- Heeft een opname op 2× tweemaal zoveel pixels?
- Als breedte en hoogte verdubbelen, bevat het beeld 4 keer zoveel pixels. De verhouding van bestandsgroottes hangt ook van inhoud en formaat af.
- Moet ik schermafbeeldingen altijd naar WebP omzetten?
- Gebruik WebP als de bestemming het ondersteunt en de tekst helder blijft. Behoud PNG als het vereist is of voor deze opname een beter resultaat geeft.
- Snijdt Bitinz de schermafbeelding bij of past het de afmetingen aan?
- Bijsnijden en schalen zijn voorbereidingen in een beeldeditor. Bitinz verwerkt het bestand op de geüploade afmetingen.