HTML naar JPG converteren

Q: Kan ik een HTML-e-mailsjabloon omzetten naar een afbeelding als voorbeeld?

Ja. Stel **Breedte van de HTML-pagina** in op 600 px, de breedte waarvoor de meeste e-mailtemplates zijn ontworpen, en houd één lange afbeelding aan. Zo heb je snel een visuele proef om te delen met iemand die de testmail zelf niet hoeft te ontvangen.

Upload een opgeslagen webpagina, e-mailsjabloon of HTML-rapport en ontvang het terug als JPG-afbeelding van de hele pagina, van boven tot onder. U kiest zelf de browserbreedte, zodat het resultaat de desktopweergave of de mobiele weergave toont.

of sleep DOC, DOCX, DOCM …-bestanden hierheen ·

Max. 95 MB per bestand· Tot 20 bestanden· Verwijderd na 30 minuten

Uitvoer

Converteren naar

Resolutie

Afbeeldingen

Bestanden worden op onze servers verwerkt en na 30 minuten verwijderd.

Zo gebruikt u deze tool

1
Upload het HTML-bestand
Voeg een .html-, .htm- of .mhtml-bestand toe, maximaal 20 tegelijk. Sla pagina's met afbeeldingen en opmaak eerst in je browser op als één bestand (MHTML), zodat alles bij de pagina blijft.
2
Kies de paginabreedte
Breedte van de HTML-pagina staat standaard op 1280 px, een gangbare laptop. Vul 390 px in voor de telefoonweergave of 600 px voor een e-mailtemplate. Afbeeldingen staat op één lange afbeelding.
3
Converteren naar JPG
Klik op Converteren naar JPG en download de afbeelding. Zet Afbeeldingen op één per pagina als je de pagina liever in stukken van afdrukformaat wilt splitsen.

HTML naar JPG is een schermafbeelding van de volledige pagina, gemaakt vanuit een bestand: de browserbreedte die je kiest bepaalt de opmaak en de JPG legt elke pixel daarvan vast.

Hoe een HTML-bestand een JPG-afbeelding wordt

Een HTML-bestand bestaat uit instructies, niet uit een afbeelding. De browser leest de opmaaktaal, past de stylesheets toe, laadt de afbeeldingen en lettertypen en maakt een indeling voor de breedte van het venster. Verander de breedte en een responsieve pagina schikt zich opnieuw: kolommen worden gestapeld, menu's klappen in, afbeeldingen worden kleiner. Daarom vraagt de converter eerst om de Breedte van de HTML-pagina.

Zodra de indeling klaar is, wordt de hele pagina van boven naar beneden vastgelegd, niet alleen het deel dat op een scherm past. Met Afbeeldingen op één lange afbeelding krijg je één hoge JPG; kies je één per pagina, dan wordt dezelfde inhoud in afbeeldingen van paginaformaat geknipt.

De kwaliteit staat standaard op 85, waarmee lopende tekst leesbaar blijft en het bestand veel kleiner is dan een PNG van dezelfde pagina. Verhoog de waarde richting 95 als de pagina kleine letters of dunne tabelranden heeft die scherp moeten blijven.

1280 pxstandaard browserbreedte voor het weergeven van de pagina

Toegestaan bereik: 320 tot 3840 px. Smalle breedtes tonen de mobiele weergave, brede de desktopweergave.

Kies de paginabreedte: volledige desktoppagina of mobiele weergave

De standaardinstelling. De meeste sites tonen bij deze breedte hun volledige desktopweergave, met navigatiebalken en zijkolommen.

Websitereviews en goedkeuring door klanten
Archiveren hoe een pagina eruitzag
Presentaties en rapporten

Als het resultaat van HTML naar JPG er niet goed uitziet

Afbeeldingen ontbreken of worden als kapot pictogram getoond
De afbeeldingen stonden naast de HTML opgeslagen, niet erin. Sla de pagina op als één MHTML-bestand, of gebruik volledige webadressen voor de afbeeldingen.
De pagina is leeg of toont alleen een laadicoon
De inhoud wordt na het laden door scripts opgebouwd of staat achter een login. Open de pagina in je browser, wacht tot alles geladen is en sla hem dan op als één bestand.
Tekst wordt aan de rechterkant afgekapt
De pagina heeft een vaste breedte die groter is dan het venster. Verhoog Breedte van de HTML-pagina zodat die overeenkomt, bijvoorbeeld 1440 px.
De JPG is te groot voor een uploadformulier
Verlaag Kwaliteit naar ongeveer 70, kies een smallere breedte, of verklein het resultaat daarna met Afbeelding comprimeren.

HTML

HyperText Markup Language

HTML is de opmaaktaal van het web, begin jaren negentig voor het eerst beschreven door Tim Berners-Lee en nu door WHATWG onderhouden als doorlopende standaard. Een HTML-bestand beschrijft koppen, alinea's, links, tabellen, afbeeldingen en formulieren, terwijl de opmaak meestal uit CSS komt. Elke browser geeft het weer, en het wordt ook gebruikt voor e-mailsjablonen en opgeslagen webpagina's. Een los HTML-bestand is vaak afhankelijk van externe afbeeldingen en stijlbladen, dus het kan er kapot uitzien als u het alleen verplaatst.

Compressie: –
Transparantie: –
Animatie: –
Geïntroduceerd: 1993 · Tim Berners-Lee; maintained by WHATWG

HTML-converter

JPG

JPEG-afbeelding

JPEG (of JPG) is het meest gebruikte fotoformaat, in 1992 gestandaardiseerd door de Joint Photographic Experts Group. Het gebruikt verliesgevende compressie die fijne details weglaat die het oog nauwelijks opmerkt, waardoor foto's klein genoeg blijven voor web, e-mail en telefoonopslag. Het verwerkt vloeiende kleurverlopen en natuurlijke taferelen goed, maar scherpe tekst, lijntekeningen en egale kleuren krijgen zichtbare blokkerige of wazige artefacten. JPEG kent geen transparantie en geen animatie, en bij elke nieuwe opslag gaat wat meer kwaliteit verloren. Elke browser, telefoon, camera en afbeeldingseditor kan het openen.

Compressie: Met verlies
Transparantie: Nee
Animatie: Nee
Geïntroduceerd: 1992 · Joint Photographic Experts Group

JPG-converter

HTML ziet er alleen goed uit in een browser; door het om te zetten naar JPG leg je één weergave vast als afbeelding die je kunt bijvoegen, plaatsen, archiveren of in een dia kunt zetten, waar code nutteloos zou zijn.

Vragen over HTML naar JPG

Kan ik een websiteadres plakken in plaats van een bestand te uploaden?

Nee, deze converter werkt met HTML-bestanden die je uploadt. Open de pagina in je browser, kies Pagina opslaan als en selecteer Webpagina, één bestand (MHTML in Chrome en Edge). Upload daarna dat bestand. Het bevat de HTML, de opmaak en de afbeeldingen samen.

Waarom toont mijn JPG alleen kale tekst zonder opmaak?

De HTML is opgeslagen zonder stylesheet en afbeeldingen, wat gebeurt bij de optie Webpagina, alleen HTML. De converter ziet dan alleen de opmaaktaal. Sla de pagina opnieuw op als één MHTML-bestand, of zet de CSS inline in de HTML voordat je uploadt.

Hoe lang mag een pagina zijn voor één JPG?

Het JPEG-formaat beperkt elke zijde tot 65.535 pixels, dus een extreem lange pagina met een grote breedte kan die grens bereiken. Zet bij lange artikelen Afbeeldingen op één per pagina, of converteer naar HTML naar PDF, waar zo'n limiet niet geldt.

Kies ik beter JPG of PNG voor een schermafbeelding van een webpagina?

JPG is kleiner en prima voor pagina's met foto's. PNG houdt kleine tekst en dunne lijnen haarscherp en ondersteunt een transparante achtergrond, dus is beter voor UI-mockups en dashboards. In onze uitleg JPG vs JPEG vs PNG lees je de afweging.

Waarom zien de lettertypen in de afbeelding er anders uit dan in mijn browser?

Lettertypen die alleen op jouw computer staan, zijn niet beschikbaar op de plek waar de pagina wordt weergegeven, dus wordt een vervangend lettertype gebruikt. Weblettertypen die in de opgeslagen pagina zijn ingebed of met de stijlen van de pagina worden geladen, worden wel goed weergegeven.

Kan ik een HTML-e-mailsjabloon omzetten naar een afbeelding als voorbeeld?

Ja. Stel Breedte van de HTML-pagina in op 600 px, de breedte waarvoor de meeste e-mailtemplates zijn ontworpen, en houd één lange afbeelding aan. Zo heb je snel een visuele proef om te delen met iemand die de testmail zelf niet hoeft te ontvangen.