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
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
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
Vorschau rendern
Der Browser setzt das bereinigte Markup in einem isolierten Rahmen mit fester Größe um.
-
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
ASCII-Tabelle Referenz
Vollständige ASCII-Tabelle von 0 bis 127 mit Dezimal-, Hex-, Oktal-, Binär- und numerischer HTML-Zeichenreferenz für jedes Zeichen, einschließlich Steuerzeichen wie NUL, LF und DEL.
Zufallsbuchstaben-Generator
Erzeugen Sie zufällige A-Z-Buchstaben. Wählen Sie Anzahl, Großschreibung, Kleinschreibung oder gemischte Schreibweise für Spiele, Aufgaben und Unterricht.
Binär-zu-ASCII-Konverter
Fügen Sie Binärdaten (durch Leerzeichen getrennte Bytes oder einen langen Bitstrom) ein und erhalten Sie den ASCII-Text, den sie darstellen. Unterstützt 7-Bit- und 8-Bit-Codierungen.
JSON-Formatierer
Fügen Sie JSON ein, um es mit 2 oder 4 Leerzeichen lesbar zu formatieren, kompakt zu minifizieren oder vor dem Kopieren schnell die Syntax zu prüfen.
Zufälliger Farbgenerator
Erzeuge 1 bis 50 zufällige HEX-Farben mit Farbfeldern zum Prüfen, Kopieren und Verwenden in CSS, Tests oder Palettenideen.
Binär zu Dezimal
Konvertieren Sie Binärzahlen sofort in Dezimalzahlen. Zeigt die Positionsausweitung, damit Sie sehen können, wie jedes Bit beiträgt.