HTML naar afbeelding

Render ruwe HTML-code of een live webpagina naar een PNG, JPG of PDF. Kies een viewportbreedte, leg de hele pagina vast en download direct.

Wil je liever een SVG maken? Probeer de tool HTML naar SVG.

Webpagina's omzetten naar afbeeldingen

Maak pixelperfecte schermafbeeldingen van elke website of bekijk een stukje HTML als deelbare afbeelding. Handig voor documentatie, social cards, ontwerpmockups, archivering en bugrapporten.

Wanneer maak je een afbeelding van een webpagina?

Een schermafbeelding legt een pagina precies vast zoals die er op dat moment uitzag, en dat is voor veel meer nuttig dan alleen snel delen. Supportteams voegen volledige paginaopnamen toe aan bugrapporten, zodat ontwikkelaars een kapotte lay-out in context zien. Schrijvers plaatsen gerenderde fragmenten in documentatie en handleidingen zonder de pagina handmatig na te bouwen. Marketeers archiveren landingspagina's voor ontwerpreviews en voor-en-navergelijkingen, en onderzoekers bewaren artikelen die kunnen veranderen of verdwijnen. Omdat je zelf de viewportbreedte bepaalt, leg je dezelfde URL vast als desktop-, tablet- of mobiele lay-out door één getal aan te passen.

PNG, JPG of PDF - wat kun je het beste kiezen?

Kies PNG als de pagina scherpe tekst, interface-elementen of vlakke kleuren bevat: het formaat is verliesvrij, dus randen blijven haarscherp. Kies JPG voor pagina's met veel foto's, waar een klein bestand belangrijker is dan pixelperfecte tekst. Kies PDF als je een afdrukbaar, doorbladerbaar document van een lang artikel wilt. Wat je ook kiest, de pagina wordt op onze server gerenderd door een echte headless browser-engine, zodat CSS, weblettertypen en lay-out worden vastgelegd zoals een bezoeker ze werkelijk ziet.

Veelgestelde vragen

Alles wat je moet weten over het omzetten van HTML naar een afbeelding.

Je kunt elke openbaar bereikbare webpagina vastleggen. Pagina's die een login vereisen en privé- of interne adressen kunnen om veiligheidsredenen niet worden gerenderd.

Exporteer een schermafbeelding als PNG of JPG, of een afdrukklare PDF van de pagina. Met de viewportbreedte bepaal je hoe de lay-out wordt weergegeven.

Ja. Ga naar het tabblad “Vanuit HTML-code” en plak willekeurige HTML — inclusief inline CSS — om die precies zo te renderen als een browser zou doen.

De breedte bepaalt het browservenster waarin wordt gerenderd. Gebruik 1280px voor een gewone desktoplay-out, 1920px voor full HD, of een smalle breedte zoals 390px om de mobiele versie van een pagina vast te leggen.

Met de optie voor de hele pagina wordt de volledige lengte van de pagina in één lange afbeelding vastgelegd, niet alleen het deel dat op het scherm zichtbaar is. Zet de optie uit om alleen het zichtbare deel van de viewport vast te leggen.

Deze tool rendert je pagina of markup met een echte browser-engine en levert een pixelafbeelding of PDF op. De tool HTML naar SVG verpakt je markup juist in een schaalbaar vectorbestand, rechtstreeks in je browser en zonder te rasteren.