HTML in Bild umwandeln

Machen Sie aus der URL einer Webseite oder Ihrem eigenen HTML einen Screenshot als PNG, JPG oder WEBP – mit Bildschirmgröße, ganzer Seite und Pixeldichte nach Wahl. Das Tool arbeitet auf unserem Server; der Screenshot wird nach etwa zwei Stunden automatisch gelöscht.

So wandeln Sie HTML in ein Bild um

1
URL oder HTML einfügen
Die Adresse einer Webseite im Netz oder ein direkt eingefügter HTML-Block. Bis Sie auf „Aufnehmen“ klicken, verlässt nichts Ihren Browser.
2
Bildschirmgröße und Format wählen
Bildschirmgrößen für Computer, Tablet oder Smartphone (oder eine eigene), die ganze Seite oder nur der sichtbare Bereich, PNG, JPG oder WEBP.
3
Aufnehmen und herunterladen
Das Bild wird nach der Domain der Seite und dem Datum benannt und steht zum Herunterladen bereit.

Warum sich nicht jede URL aufnehmen lässt

Dieses Tool lädt die Seite vor dem Screenshot auf dem eigenen Server von PulsarKit. Greift ein Server in ein privates Netzwerk – auf interne Firmentools, die Verwaltungsseite eines Routers oder den eigenen Metadaten-Endpunkt eines Cloud-Anbieters –, ist das genau die Art von Anfrage, die ein sorgfältiger Dienst ablehnen muss. Jede Adresse, die in einen privaten, lokalen oder Link-Local-Adressbereich aufgelöst wird, ist gesperrt. Die Prüfung läuft nach jeder Weiterleitung erneut, damit sie sich nicht aushebeln lässt, indem man zuerst über eine öffentliche URL springt.

Bildschirmgröße oder ganze Seite

Die Bildschirmgröße (Viewport) ist das, was der Bildschirm eines Besuchers vor dem Scrollen tatsächlich zeigt, in der Größe eines Computers, Tablets oder Smartphones. Die Aufnahme der ganzen Seite rendert dagegen auch alles unterhalb des sichtbaren Bereichs und setzt die ganze Seite unabhängig von ihrer Länge zu einem Bild zusammen. Eine sehr lange Seite wird bei 20.000 Pixeln Höhe begrenzt. Wurde diese Grenze erreicht, erscheint ein deutlicher Hinweis, statt dass das Bild stillschweigend abgeschnitten wird.

HTML einfügen statt einer URL

Der HTML-Modus ist nützlich für eine Seite, die noch unter keiner öffentlichen Adresse erreichbar ist, oder für eine Komponente, die Sie isoliert testen. Das Markup wird vor dem Rendern bereinigt: Jedes `<script>`-Tag wird entfernt und die Ausführung von JavaScript vollständig abgeschaltet. Dieser Modus dient also dazu, statisches Markup aufzunehmen, nicht dazu, beliebigen Code auszuführen.

Auf unserem Server verarbeitet, automatisch gelöscht

Die Seite oder das HTML wird von Headless Chrome auf dem Server von PulsarKit gerendert. Nur so lässt sich die Darstellung einer fremden Website originalgetreu festhalten, denn ein Browser-Tab kann nicht selbst über Origin-Grenzen hinweg auf eine andere Website zugreifen. Ihre URL oder Ihr HTML wird nur für diese Aufnahme verwendet. Der Screenshot lässt sich eine Stunde lang herunterladen und wird nach etwa zwei Stunden vom Server gelöscht – ob Sie ihn heruntergeladen haben oder nicht.

Häufige Fragen

Was ist der Unterschied zwischen dem URL-Modus und dem HTML-Modus?

Im URL-Modus wird eine echte, veröffentlichte Webseite abgerufen und aufgenommen. Der HTML-Modus rendert dagegen Markup, das Sie direkt einfügen, ohne Skripte und mit abgeschaltetem JavaScript. Das passt für eine Seite, die noch nicht online ist, oder für ein Snippet, das Sie testen.

Warum kann ich keine Seite in meinem lokalen Netzwerk aufnehmen?

Adressen in privaten, lokalen oder internen Bereichen werden aus Sicherheitsgründen gesperrt, denn der Screenshot entsteht auf dem eigenen Server von PulsarKit, nicht in Ihrem Browser. Müssen Sie eine solche Seite aufnehmen, fügen Sie stattdessen ihr HTML ein.

Lassen sich Seiten hinter einer Anmeldung aufnehmen?

Nein. Es werden keine Cookies oder Sitzungen gespeichert oder gesendet, daher wird eine Seite, die eine Anmeldung verlangt, im abgemeldeten Zustand gerendert.

Warum wurde meine Aufnahme wegen Zeitüberschreitung abgebrochen?

Der ganze Auftrag hat 40 Sekunden Zeit. Eine Seite, die ungewöhnlich lange zum Laden braucht, oder JavaScript, das nie zur Ruhe kommt, kann diese Zeit überschreiten. Versuchen Sie es noch einmal, oder stellen Sie eine kurze Verzögerung ein, wenn der Inhalt nur einen Moment braucht, um fertig gerendert zu werden.

Was bewirkt die Verzögerung vor der Aufnahme?

Sie legt eine kurze Pause ein, nachdem die Seite gemeldet hat, dass sie fertig geladen ist, und bevor der Screenshot entsteht. Das hilft bei Animationen oder bei Bildern, die per Lazy Loading erst kurz nach dem ersten Rendern geladen werden.

Welche maximale Auflösung kann ich aufnehmen?

Bis zu einer Bildschirmbreite von 3840 Pixeln bei 3-facher Pixeldichte oder eine Aufnahme der ganzen Seite mit bis zu 20.000 Pixeln Höhe.

Wie lange wird das Bild auf dem Server gespeichert?

Ihre URL oder Ihr HTML wird nur für die Aufnahme verwendet. Der Screenshot lässt sich eine Stunde lang herunterladen und wird nach etwa zwei Stunden vom Server gelöscht – ob Sie ihn heruntergeladen haben oder nicht.