Rendern Sie rohen HTML-Code oder eine beliebige Webseiten-URL als PNG, JPG oder PDF. Wählen Sie eine Viewport-Breite, erfassen Sie die ganze Seite und laden Sie das Ergebnis sofort herunter.
Sie brauchen stattdessen ein SVG? Nutzen Sie das Tool HTML zu SVG.
Erstellen Sie pixelgenaue Screenshots jeder Website oder zeigen Sie einen HTML-Schnipsel als teilbares Bild. Ideal für Dokumentation, Social Cards, Design-Mockups, Archivierung und Fehlerberichte.
Ein Screenshot hält eine Seite exakt so fest, wie sie in einem bestimmten Moment aussah – und das ist weit mehr als nur praktisch zum Teilen. Support-Teams hängen Ganzseiten-Aufnahmen an Fehlerberichte an, damit Entwickler ein kaputtes Layout im Zusammenhang sehen. Autorinnen und Autoren binden gerenderte Ausschnitte in Dokumentationen und Tutorials ein, ohne die Seite von Hand nachzubauen. Im Marketing werden Landingpages für Design-Reviews und Vorher-nachher-Vergleiche archiviert, und in der Forschung sichert man Artikel, die sich ändern oder verschwinden könnten. Da Sie die Viewport-Breite selbst festlegen, lässt sich dieselbe URL allein durch Ändern einer Zahl als Desktop-, Tablet- oder Mobil-Layout erfassen.
Wählen Sie PNG, wenn die Seite scharfe Schrift, Bedienelemente oder flächige Farben enthält – das Format arbeitet verlustfrei, Kanten bleiben also knackig. JPG eignet sich für fotolastige Seiten, bei denen eine kleine Datei wichtiger ist als pixelgenauer Text. PDF ist die richtige Wahl, wenn Sie einen druckbaren, durchblätterbaren Beleg eines langen Artikels möchten. In jedem Fall wird die Seite auf unserem Server von einer echten Headless-Browser-Engine gerendert – CSS, Webfonts und Layout werden also genau so erfasst, wie Besucher sie tatsächlich sehen.
Alles Wissenswerte zur Umwandlung von HTML in ein Bild.
Sie können jede öffentlich erreichbare Webseite erfassen. Seiten, die eine Anmeldung erfordern, sowie private oder interne Adressen lassen sich aus Sicherheitsgründen nicht rendern.
Exportieren Sie einen Screenshot als PNG oder JPG oder ein druckfertiges PDF der Seite. Über die Viewport-Breite steuern Sie, wie das Layout gerendert wird.
Ja. Wechseln Sie auf den Reiter „Aus HTML-Code“ und fügen Sie beliebiges HTML ein — auch mit Inline-CSS. Es wird genau so gerendert wie in einem Browser.
Die Breiteneinstellung legt das Browserfenster fest, in dem gerendert wird. Nutzen Sie 1280px für ein typisches Desktop-Layout, 1920px für Full HD oder eine schmale Breite wie 390px, um die mobile Version einer Seite zu erfassen.
Ist „Ganze Seite“ aktiviert, wird die komplette Seitenlänge in einem hohen Bild erfasst, nicht nur der sichtbare Ausschnitt. Deaktivieren Sie die Option, um nur den anfänglichen Viewport aufzunehmen.
Dieses Tool rendert Ihre Seite oder Ihr Markup mit einer echten Browser-Engine und liefert ein Pixelbild oder PDF. Das Tool „HTML zu SVG“ verpackt Ihr Markup dagegen direkt im Browser in eine skalierbare Vektordatei, ohne es zu rastern.