HTML-zu-Bild-Konverter

Fügen Sie ein HTML-Fragment ein. Skripte, Formulare, Frames und Ereignis-Handler werden vor dem Rendern entfernt.

Ihr HTML und das erzeugte Bild bleiben in diesem Browser. Externe Bilder, Schriftarten oder Stylesheets werden von ihrer jeweiligen Quelladresse geladen. Verwenden Sie eingebettete Daten, wenn der Vorgang vollständig offline bleiben soll.

Wandeln Sie ein HTML- und CSS-Fragment in ein PNG oder JPG mit fester Größe um, ohne Quelltext oder Ergebnis an Hyperion zu übertragen. Wählen Sie 64 bis 1.920 px je Seite und eine Skalierung von 1x bis 3x. Vorschau und Download entstehen direkt im Browser.

So rendern Sie HTML als Bild

  1. 1

    Quelltext einfügen

    Geben Sie ein HTML-Fragment oder Dokument ein. Inline-CSS und `<style>`-Regeln werden unterstützt; Skripte, Formulare, Frames und Ereignis-Handler werden entfernt.

  2. 2

    Zeichenfläche festlegen

    Wählen Sie PNG oder JPG, tragen Sie Breite und Höhe ein und bestimmen Sie eine Skalierung von 1x bis 3x.

  3. 3

    Vorschau rendern

    Der Browser setzt das bereinigte Markup in einem isolierten Rahmen mit fester Größe um.

  4. 4

    Lokal speichern

    Laden Sie das PNG oder JPG direkt herunter. Die erzeugte Datei wird nicht an Hyperion übertragen.

Was der Browser-Renderer unterstützt

Der Konverter verwendet die Layout-Engine des Browsers. Gewöhnliches HTML, Inline-CSS, <style>-Regeln, Flexbox, Grid, Verläufe, Schatten, eingebettetes SVG und installierte Schriften können daher im Ergebnis erscheinen. Ausgegeben wird ein unbewegliches Rasterbild, keine interaktive Kopie der Seite.

Regeln für Zeichenfläche und Ausgabe

Einstellung Zulässiger Bereich Verhalten
Breite 64 bis 1.920 px Exakte CSS-Breite des Aufnahmerahmens
Höhe 64 bis 1.920 px Exakte CSS-Höhe; überstehender Inhalt wird abgeschnitten
Skalierung 1x bis 3x Erhöht die Auflösung, nicht die Layoutgröße
PNG Rasterbild fester Größe Bewahrt transparente Bereiche
JPG Rasterbild fester Größe Verwendet 92 % Qualität und weißen Hintergrund

Zum Schutz des Browsers ist die Ausgabe auf 16 Megapixel begrenzt. Überschreiten Maße und Skalierung diesen Wert, wird die Skalierung auf die größte sichere 0,5x-Stufe gesenkt. Der HTML-Quelltext darf höchstens 100.000 Zeichen enthalten.

Datenschutz und externe Ressourcen

HTML und erzeugtes Datenbild bleiben im aktuellen Browser. Im Schrittmodus hält der Sitzungsspeicher dieser Registerkarte die Einstellungen bis zum nächsten Schritt bereit. Mit einem Neustart werden sie gelöscht. Der Konverter sendet weder Markup noch Bild an Hyperion.

Externe URLs sind davon ausgenommen. Bilder, Webfonts und Stylesheets werden von ihren Ursprungsservern abgerufen, die diese Anfrage sehen können. CORS oder Zugriffsschutz können das Laden verhindern. Betten Sie Bilder und Schriften als Daten-URL ein und verwenden Sie Inline-CSS, wenn alles vollständig offline bleiben soll.

Grenzen bei Sicherheit und Wiedergabe

Skripte, Formulare, verschachtelte Frames, eingebettete Objekte und Ereignisattribute werden vor der Aufnahme entfernt. Die Vorschau ist damit nicht interaktiv, ersetzt aber keine allgemeine HTML-Bereinigung für Inhalte, die später veröffentlicht werden. JavaScript-Widgets laufen nicht, Video- und Canvas-Zustände sind nicht garantiert, Animationen werden zu einem Einzelbild und browserspezifisches CSS kann in anderen Engines abweichen.

Häufig gestellte Fragen

Ja. Unterstützte <style>-Regeln und Stylesheet-Links aus dem Kopfbereich werden übernommen, danach wird der Inhalt des Body aufgenommen. Skripte, Metadaten, Formulare, Frames und aktive Handler werden entfernt, daher ist das Ergebnis keine navigierbare Webseite.

Der Quellserver kann die domänenübergreifende Nutzung sperren, eine Anmeldung verlangen oder zu langsam antworten. Nutzen Sie eine erreichbare URL mit CORS-Freigabe oder betten Sie die Ressource als Daten-URL ein.

PNG erhält transparente Pixel. JPG verwendet weißen Hintergrund und feste 92 % Qualität, was bei Fotos oft kleinere Dateien ergibt. WebP und eine frei wählbare Qualitätsstufe bietet dieses Werkzeug nicht.

Der Konverter begrenzt die Ausgabe auf 16 Megapixel. Bei einer großen Zeichenfläche wählt er automatisch die höchste sichere 0,5x-Stufe, damit der Browser nicht zu viel Arbeitsspeicher belegt.

Verwandte Tools