Webpagina opslaan als JPG, PNG of PDF: zo kies je het juiste formaat

De korte versie

Alle formaten beginnen bij dezelfde opname. Het verschil zit in wat er daarna met de pixels gebeurt.

• PNG: verliesvrij, scherpe tekst en interfaceranden, grotere bestanden. De standaardkeuze voor bugmeldingen, documentatie en ontwerpreviews.
• JPG (JPEG): met verlies, veel kleinere bestanden, vage randjes rond kleine tekst. Prima voor pagina's met veel foto's, e-mailbijlagen en presentaties.
• WebP: kleiner dan PNG bij vergelijkbare kwaliteit, maar nog niet elk programma kan ermee overweg. Goed voor gebruik op het web, riskant als je het bestand aan een klant geeft.
• PDF: een document in plaats van een afbeelding. Makkelijk te openen, te delen en af te drukken, en de voor de hand liggende keuze om te archiveren of iets te laten goedkeuren.

Kies op basis van wat je ermee gaat doen

Discussies over formaten worden snel abstract. In de praktijk bepaalt de bestemming de keuze.

• Bugmelding of overdracht aan een developer: PNG, zodat niemand hoeft te twijfelen of een artefact een weergavefout is of compressie.
• E-mailbijlage of chatbericht: JPG, of PNG-delen als de tekst leesbaar moet blijven.
• Dia in een presentatie: JPG voor een achtergrond, PNG voor een bijgesneden detail met leesbare labels.
• Factuur, offerte, beleidspagina of alles wat je moet bewaren: PDF.
• Upload naar een AI-model voor ontwerpfeedback: PNG, en splits heel lange pagina's in genummerde delen.
• Langetermijnarchief van hoe een pagina er op een bepaalde datum uitzag: PDF voor de leesbaarheid, plus een PNG als pixelprecisie belangrijk is.

PNG of JPG: waarom screenshots in JPG er net niet goed uitzien

JPEG-compressie is ontworpen voor foto's, waar vloeiende kleurovergangen het verlies verbergen. Screenshots zijn het tegenovergestelde: harde zwart-witranden, dunne lijnen, egale kleurvlakken. Precies daar laat JPEG grijze spikkels rond letters en vage blokjes langs tabelranden achter.

Bij een hoge kwaliteitsinstelling is het verschil klein en kan het bestand toch meerdere keren kleiner zijn. Daarom blijft JPG een verstandig compromis als de pagina vooral uit beeld bestaat of als de limiet van een mailbox de echte beperking is.

Waarom PDF een ander soort antwoord is

Een PDF-export van een opname van de hele pagina is een document met de afbeelding erin. Het opent op elk apparaat op dezelfde manier en is makkelijk te delen en te bewaren. De hele opname staat in één document; is de opname heel lang, dan bestaat de PDF uit meerdere pagina's, één per intern deel van de opname. Het is dus geen opmaak voor A4-papier.

Wat een PDF je niet geeft, is selecteerbare tekst: de inhoud is een afbeelding van de pagina, geen opnieuw opgemaakte HTML. Wil je later tekst kunnen kopiëren, bewaar dan de URL bij het bestand. Heb je doorzoekbare tekst nodig, gebruik dan in Chrome Afdrukken > ‘Opslaan als pdf’; dan krijg je wel tekst, maar met de printopmaak van de website.

Heel hoge pagina's: de grens waar niemand het over heeft

Browsers begrenzen hoe groot één afbeelding mag zijn. GoFullScreenshot legt heel lange pagina's daarom vast in interne delen, zonder iets weg te laten of te verkleinen. Staat opsplitsen uit, dan levert PNG ook bij zo'n lange pagina één afbeelding van de volledige hoogte op; JPEG en WebP hebben lagere maximale afmetingen (een WebP-afbeelding kan bijvoorbeeld niet hoger zijn dan 16.383 pixels) en geven dan aan welke alternatieven er zijn, in plaats van stilletjes een ander formaat te kiezen. Dat een opgeslagen pagina er soms wazig uitziet, komt dus vaak niet door het formaat maar door de hoogte: de app of viewer die een afbeelding van 20.000 pixels ontvangt, schaalt hem omlaag.

Exporteer je genummerde delen van 3000, 4000 of 5000 pixels met 160 pixels overlap, dan blijft elk deel op volledige resolutie en is een regel die op een naad wordt doorgesneden, in het volgende deel weer helemaal te zien. Het formaat kies je daarbij zoals altijd.

Een webpagina opslaan als JPG, PNG of PDF in vier stappen

Eén opname, en pas bij het exporteren kies je het formaat. Geen conversietool en geen upload ertussen.

1. 1

   Open de pagina en laat hem laden

   Scrol op pagina's die inhoud pas tijdens het scrollen laden, één keer naar beneden en ga dan terug naar boven.

2. 2

   Leg de hele pagina vast

   Klik op het GoFullScreenshot-icoon in de werkbalk en kies ‘Full page’ (hele pagina), of gebruik een sneltoets die je op chrome://extensions/shortcuts hebt ingesteld.

3. 3

   Pas aan voordat je exporteert

   Snijd bij, maak aantekeningen of markeer iets in de ingebouwde editor als het bestand naar iemand anders gaat.

4. 4

   Exporteer als PNG, JPG, WebP of PDF

   Kies het formaat in het resultaattabblad, of kopieer de afbeelding direct naar het klembord. De kwaliteit voor JPEG en WebP stel je in bij ‘Settings’ (instellingen). Alles wordt lokaal in je browser gecodeerd.