HTML in JPG umwandeln

Q: Kann ich eine HTML-E-Mail-Vorlage als Vorschaubild in ein Bild umwandeln?

Ja. Stellen Sie die **HTML-Seitenbreite** auf 600 px ein, die Breite, für die die meisten E-Mail-Vorlagen gestaltet sind, und behalten Sie ein langes Bild bei. Das Ergebnis ist ein schneller visueller Entwurf, den Sie an jemanden weitergeben können, der die Test-E-Mail selbst nicht erhalten soll.

Laden Sie eine gespeicherte Webseite, eine E-Mail-Vorlage oder einen HTML-Bericht hoch und erhalten Sie die gesamte Seite von oben bis unten als JPG-Bild zurück. Sie wählen die Browserbreite, sodass das Ergebnis das Desktop- oder das Mobil-Layout zeigt.

oder DOC, DOCX, DOCM …-Dateien hierher ziehen ·

Max. 95 MB pro Datei· Bis zu 20 Dateien· Gelöscht nach 30 Minuten

Ausgabe

Umwandeln in

Auflösung

Bilder

Dateien werden auf unseren Servern verarbeitet und nach 30 Minuten gelöscht.

So verwenden Sie dieses Tool

1
HTML-Datei hochladen
Ziehen Sie eine .html-, .htm- oder .mhtml-Datei hinein, bis zu 20 auf einmal. Bei Seiten mit Bildern und Styles speichern Sie diese zuerst im Browser als einzelne Datei (MHTML), damit alles zusammen mit der Seite übertragen wird.
2
Seitenbreite wählen
Die HTML-Seitenbreite beginnt bei 1280 px, einem typischen Laptop. Geben Sie 390 px für das Smartphone-Layout oder 600 px für eine E-Mail-Vorlage ein. Bilder ist auf ein langes Bild eingestellt.
3
In JPG umwandeln
Klicken Sie auf In JPG umwandeln und laden Sie das Bild herunter. Stellen Sie Bilder auf eines pro Seite um, wenn Sie die Seite lieber in druckgroße Teile zerlegt haben möchten.

HTML in JPG ist ein Screenshot der ganzen Seite aus einer Datei: Die gewählte Browserbreite bestimmt das Layout, und das JPG hält jedes Pixel davon fest.

Wie aus einer HTML-Datei ein JPG-Bild wird

Eine HTML-Datei ist eine Anleitung, kein Bild. Der Browser liest das Markup, wendet die Stylesheets an, lädt Bilder und Schriften und ordnet alles passend zur Fensterbreite an. Ändert sich die Breite, ordnet sich eine responsive Seite neu an: Spalten werden gestapelt, Menüs klappen zusammen, Bilder schrumpfen. Deshalb fragt der Konverter zuallererst nach der HTML-Seitenbreite.

Sobald das Layout steht, wird die ganze Seite von oben bis unten erfasst, nicht nur der Teil, der auf einen Bildschirm passt. Mit Bilder auf einem langen Bild erhalten Sie ein einzelnes hohes JPG; bei einem Bild pro Seite wird derselbe Inhalt stattdessen in seitengroße Bilder geschnitten.

Die Qualität beginnt bei 85, wodurch Fließtext lesbar bleibt und die Datei trotzdem viel kleiner ist als ein PNG derselben Seite. Erhöhen Sie sie Richtung 95, wenn die Seite Kleingedrucktes oder dünne Tabellenrahmen enthält, die scharf bleiben müssen.

1280 pxStandard-Browserbreite zum Rendern der Seite

Zulässiger Bereich: 320 bis 3840 px. Schmale Breiten zeigen das mobile Layout, breite das Desktop-Layout.

Seitenbreite wählen: ganze Desktopseite oder Mobilansicht

Die Voreinstellung. Die meisten Websites zeigen bei dieser Breite ihr volles Desktop-Layout mit Navigationsleisten und Seitenspalten.

Website-Prüfungen und Kundenfreigaben
Archivierung des Aussehens einer Seite
Folien und Berichte

Wenn das Ergebnis von HTML in JPG falsch aussieht

Bilder fehlen oder werden als defekte Symbole angezeigt
Die Bilder lagen neben dem HTML, nicht darin. Speichern Sie die Seite als einzelne MHTML-Datei oder verwenden Sie für die Bilder vollständige Webadressen.
Die Seite ist leer oder zeigt nur einen Ladekreis
Der Inhalt wird nach dem Laden der Seite per Skript erzeugt oder liegt hinter einem Login. Öffnen Sie sie im Browser, warten Sie, bis sie vollständig geladen ist, und speichern Sie sie dann als einzelne Datei.
Text ist am rechten Rand abgeschnitten
Die Seite hat eine feste Breite, die größer als das Fenster ist. Erhöhen Sie die HTML-Seitenbreite entsprechend, zum Beispiel auf 1440 px.
Das JPG ist zu groß für ein Upload-Formular
Senken Sie die Qualität auf etwa 70, verwenden Sie eine geringere Breite oder verkleinern Sie das Ergebnis anschließend mit Bild komprimieren.

HTML

HyperText Markup Language

HTML ist die Auszeichnungssprache des Webs, die Tim Berners-Lee Anfang der 1990er-Jahre erstmals beschrieben hat und die heute von der WHATWG als „Living Standard“ gepflegt wird. Eine HTML-Datei beschreibt Überschriften, Absätze, Links, Tabellen, Bilder und Formulare, während das Aussehen meist per CSS festgelegt wird. Jeder Browser stellt sie dar, und sie wird auch für E-Mail-Vorlagen und gespeicherte Webseiten verwendet. Eine einzelne HTML-Datei hängt oft von externen Bildern und Stylesheets ab und kann deshalb allein verschoben kaputt aussehen.

Komprimierung: –
Transparenz: –
Animation: –
Eingeführt: 1993 · Tim Berners-Lee; maintained by WHATWG

HTML-Konverter

JPG

JPEG-Bild

JPEG (oder JPG) ist das am weitesten verbreitete Fotoformat und wurde 1992 von der Joint Photographic Experts Group standardisiert. Es nutzt verlustbehaftete Kompression, die feine Details verwirft, die das Auge kaum bemerkt. So bleiben Fotos klein genug für Web, E-Mail und Handyspeicher. Weiche Verläufe und natürliche Motive gelingen gut, doch scharfe Schrift, Strichzeichnungen und flache Farben zeigen sichtbare blockige oder unscharfe Artefakte. JPEG kennt keine Transparenz und keine Animation, und jedes erneute Speichern kostet etwas mehr Qualität. Jeder Browser, jedes Handy, jede Kamera und jeder Bildeditor kann es öffnen.

Komprimierung: Verlustbehaftet
Transparenz: Nein
Animation: Nein
Eingeführt: 1992 · Joint Photographic Experts Group

JPG-Konverter

HTML sieht nur in einem Browser richtig aus; als JPG wird eine Darstellung zu einem Bild, das Sie anhängen, posten, archivieren oder in eine Folie einfügen können, wo Code nutzlos wäre.

Fragen zu HTML in JPG

Kann ich statt einer Datei eine Webadresse einfügen?

Nein, dieser Konverter arbeitet mit HTML-Dateien, die Sie hochladen. Öffnen Sie die Seite im Browser, wählen Sie „Seite speichern unter“ und dann „Webseite, einzelne Datei“ (MHTML in Chrome und Edge) und laden Sie diese Datei hoch. Sie enthält HTML, Styles und Bilder gemeinsam.

Warum zeigt mein JPG nur reinen Text ohne Formatierung?

Das HTML wurde ohne Stylesheet und Bilder gespeichert, was bei der Option „Webseite, nur HTML“ passiert. Der Konverter sieht nur das Markup. Speichern Sie die Seite erneut als einzelne MHTML-Datei oder binden Sie das CSS vor dem Hochladen inline im HTML ein.

Wie lang darf eine Seite für ein einziges JPG sein?

Das JPEG-Format begrenzt jede Seite auf 65.535 Pixel, sodass eine extrem lange Seite bei großer Breite diese Grenze erreichen kann. Stellen Sie bei langen Artikeln Bilder auf eines pro Seite um oder wandeln Sie in HTML in PDF um, wo es keine solche Grenze gibt.

Sollte ich für einen Screenshot einer Webseite JPG oder PNG wählen?

JPG ist kleiner und eignet sich gut für Seiten mit Fotos. PNG hält kleine Schrift und dünne Linien gestochen scharf und unterstützt einen transparenten Hintergrund, daher passt es besser für UI-Mockups und Dashboards. Unser Ratgeber JPG vs. JPEG vs. PNG erklärt die Abwägung.

Warum sehen die Schriften im Bild anders aus als in meinem Browser?

Schriften, die nur auf Ihrem Computer installiert sind, stehen dort, wo die Seite gerendert wird, nicht zur Verfügung, daher wird eine Ersatzschrift verwendet. Webfonts, die in der gespeicherten Seite eingebettet sind oder über deren Styles geladen werden, werden wie vorgesehen dargestellt.

Kann ich eine HTML-E-Mail-Vorlage als Vorschaubild in ein Bild umwandeln?

Ja. Stellen Sie die HTML-Seitenbreite auf 600 px ein, die Breite, für die die meisten E-Mail-Vorlagen gestaltet sind, und behalten Sie ein langes Bild bei. Das Ergebnis ist ein schneller visueller Entwurf, den Sie an jemanden weitergeben können, der die Test-E-Mail selbst nicht erhalten soll.