HTML in Bild Konvertieren

Konvertieren Sie Webseiten in JPG oder SVG.

自动滚动截取完整页面 - 使用服务端浏览器渲染
使用真实 Chrome 浏览器渲染,完整支持现代 CSS 样式(如 Tailwind v4)

Wo eine Live-Erfassung einem Mockup oder manuellen Screenshot überlegen ist

Ein fehlendes oder veraltetes Open-Graph-Bild ist der klarste Fall: Wenn ein CMS für eine Seite nie eine richtige Social-Media-Vorschau erzeugt hat, liefert das Durchlaufen der Live-URL durch dieses Tool ein akkurates Thumbnail, ohne Browser-Entwicklertools zu öffnen oder eine Screenshot-Erweiterung zu installieren. Marketing- und Rechtsteams greifen zur selben Fähigkeit, bevor eine Landingpage bearbeitet wird, da ein datiertes JPG belegt, was eine Seite tatsächlich gesagt hat und wie sie aussah, auf eine Art, die ein bloßer Link nicht mehr leistet, sobald sich der Text darunter ändert. Bei der Design-Übergabe erzählt ein flaches Bild der lebenden Startseite – mit echten Daten, echten Werbeplatzierungen, echten Cookie-Bannern, was auch immer tatsächlich in Produktion ist – einem Entwickler mehr über Abstände und Farbe als ein Figma-Mockup, das gezeichnet wurde, bevor irgendetwas davon existierte. Für Teams, die ein Redesign vorschlagen, macht das Nebeneinanderstellen der aktuellen Live-Erfassung und des neuen Mockups die Verbesserung auf eine Art greifbar, wie es die Beschreibung in einem Ticket nie ganz schafft. Es ist auch ein schneller Weg, die Seite eines Konkurrenten oder Partners im Auge zu behalten, ohne eine Monitoring-Pipeline zu bauen – jetzt erfassen, in einem Monat erneut erfassen und die beiden Bilder vergleichen, statt sich zu erinnern zu versuchen, was sich geändert hat. Wenn ein Bugreport genau zeigen muss, wie eine Seite in einem bestimmten Moment gerendert wurde, ein kaputtes Layout oder ein hängender Ladezustand, reproduziert die URL allein diesen Moment nicht mehr, sobald das Problem behoben ist, aber ein Schnappschuss, der aufgenommen wurde, während es passierte, tut es.

Kein Screenshot-Tool oder Browser-Add-on nötig
Erfasst die Seite genau wie gerendert, inklusive Schriften und Layout
JPG zum Teilen und Einbetten, SVG für skalierbare Platzierung
Bewahrt, wie eine Seite aussah, bevor sie sich ändert oder verschwindet

Eine Seite erfassen

Richten Sie das Tool auf genau die Seite, die erfasst werden soll – der Vorgang läuft gegen eine konkrete URL, nicht gegen eine hochgeladene Datei oder selbst geschriebenen Code, die Adresse muss also der echte, öffentlich erreichbare Ort der Seite sein. Wählen Sie das Format vorab, da JPG und SVG grundlegend unterschiedliche Dateien erzeugen, nicht nur unterschiedliche Endungen desselben Bildes. Die Erfassung selbst geschieht serverseitig: Sobald Sie sie starten, lädt das Tool die Seite in einer Live-Rendering-Umgebung, und die Anzeige Erfassung läuft... bleibt bestehen, während gewartet wird, bis sich Layout, Schriften und sichtbare Bilder gesetzt haben, bevor die Aufnahme erfolgt. Die Ausgabe wird als einzelne Datei in dem von Ihnen gewählten Format heruntergeladen, bereit zum Anhängen, Hochladen oder Einfügen in eine Design-Datei, ohne weitere Konvertierung.

1

Fügen Sie die vollständige Adresse der Seite ein, einschließlich https://, in das Feld URL.

2

Wählen Sie Ausgabeformat – JPG für ein Standard-Bild zum Teilen, SVG für einen skalierbaren Wrapper.

3

Starten Sie die Erfassung und warten Sie die Phase Erfassung läuft... ab, während die Seite lädt und sich ihr Layout setzt.

4

Laden Sie den fertigen Schnappschuss herunter, sobald das Rendering abgeschlossen ist.

Häufig gestellte Fragen

Die häufigste Ursache ist eine Seite, die eine Anmeldung verlangt – der Renderer besucht die URL ohne Ihre Sitzung, Cookies oder Zugangsdaten, sodass alles hinter einer Anmeldung stattdessen einen Login-Bildschirm zeigt. Die zweithäufigste Ursache ist eine Website, die das Einbetten oder Automatisieren gezielt blockiert, über Response-Header wie X-Frame-Options oder eine strikte Content-Security-Policy, oder über Bot-Erkennung, die speziell Headless-Browser markiert; diese Seiten liefern einen Fehler oder eine abgespeckte Ausweichseite statt des echten Layouts. Artikel hinter einer Bezahlschranke verhalten sich genauso, sobald das Bezahlschranken-Skript greift. Die URL selbst in einem Inkognito-Fenster zu öffnen, ist ein schneller Weg zu prüfen, ob ein ausgeloggter Besucher dasselbe sehen würde.
Das SVG dieses Tools ist ein verpackter Schnappschuss der gerenderten Seite – die Pixel, die Sie auf dem Bildschirm sehen würden, verpackt in einen SVG-Container, damit es sauber skaliert, ohne zusätzliche Schriften oder Assets nachzuladen. Es ist nicht dasselbe wie ein Foto durch Bild zu SVG laufen zu lassen, was ein Rasterbild in echte Vektorpfade und -formen umwandelt, die Sie in einem Programm wie Illustrator Knoten für Knoten auswählen, umfärben und bearbeiten können. Wenn Sie editierbare Vektorgrafik brauchen, bringt dieses Tool Sie dafür bei einer Webseite nicht ans Ziel; es ist dafür gebaut, eine akkurate visuelle Kopie einer Seite zu liefern, nicht ein Bild in Vektorgrafik umzuwandeln.
Ausgabeformat bietet nur JPG und SVG – es gibt für dieses spezielle Tool keine PNG- oder PDF-Option. JPG ist die bessere Standardwahl für alles, was Sie in einen Chat, ein Dokument oder einen Social-Post einfügen; SVG ergibt mehr Sinn, wenn die Datei in ein Design-Tool soll oder in verschiedenen Größen ohne Qualitätsverlust platziert werden muss. Wenn Sie speziell ein PNG oder PDF brauchen, würden Sie das JPG anschließend mit einem separaten Tool konvertieren.
Anders als die Tools für Zuschneiden, Filter und Größenänderung auf dieser Seite, die vollständig clientseitig laufen, muss HTML zu Bild die URL an einen Server senden, da das Erfassen einer echten Webseite bedeutet, sie in einer echten Rendering-Umgebung zu laden – etwas, das ein Browser-Tab wegen Cross-Origin-Beschränkungen bei einer anderen Website nicht tun kann. Nur die von Ihnen eingegebene URL wird gesendet; das Tool fragt nicht nach Anmeldedaten und nutzt keine, kann also nichts abrufen, wofür Sie sich normalerweise anmelden müssten. Wenn es für eine bestimmte Datei wichtig ist, alles lokal zu halten, ist das ein Grund, stattdessen zu den clientseitigen Bildbearbeitungs-Tools der Seite zu greifen.
Nein. Der Renderer lädt die URL als anonymer, ausgeloggter Besucher, sodass alles, was durch ein Anmeldeformular, eine Abo-Bezahlschranke oder eine Cookie-basierte Sitzung geschützt ist, zeigt, was diese Seite der Öffentlichkeit anzeigt – meist eine Login-Aufforderung, ein Bezahlschranken-Banner oder eine abgeschnittene Vorschau, nicht den Inhalt dahinter. Es gibt keine Möglichkeit, Zugangsdaten über das URL-Feld einzugeben, um das zu umgehen.
Es erfasst die Seite so, wie sie bei einer Standard-Desktop-Viewport-Breite gerendert wird, und das entstehende Bild folgt der vollen scrollbaren Höhe der Seite, statt am unteren Bildschirmrand aufzuhören, sodass eine lange Landingpage ein entsprechend hohes JPG oder SVG erzeugt. Was es nicht tut, ist Scrollen zu simulieren, um Bereiche auszulösen, die erst laden, wenn ein Besucher zu ihnen herunterscrollt, sodass so gestalteter Inhalt fehlen kann, selbst wenn die Datei selbst die Seite von oben bis unten abdeckt.
Die Erfassung ist ein einzelner eingefrorener Moment, nachdem sich das anfängliche Laden der Seite gesetzt hat, sodass ein Karussell oder eine Slideshow genau die Folie zeigt, die in diesem Moment gerade aktiv ist, nicht alle. Inhalte, die erst nach einem Scroll-Auslöser, einem Klick oder einem verzögerten Skript erscheinen, sind möglicherweise noch nicht rechtzeitig fertig geladen, und CSS-Übergänge oder Animationen werden je nach Timing mitten in der Bewegung oder gar nicht erfasst. Für Seiten, die stark auf Interaktion angewiesen sind, um ihren echten Inhalt zu zeigen, ist ein manueller Screenshot nach der Interaktion mit der Seite zuverlässiger als dieses Tool.
Behandeln Sie es als visuellen Nachweis, nicht als zertifiziertes Archiv – die Ausgabe ist eine Bilddatei ohne eingebetteten Zeitstempel, ohne Seitenmetadaten und ohne Erfassung des zugrunde liegenden HTML oder der Links, nichts, was beweist, wann oder von wo aus sie aufgenommen wurde, außer dem, was Ihre eigenen Dateisystemprotokolle festhalten. Für informelle Zwecke, etwa um festzuhalten, wie eine Seite vor einem Redesign aussah, oder um eine Kopie eines Listings zu behalten, das entfernt werden könnte, ist es wirklich nützlich. Für alles, bei dem die Herkunft belegbar sein muss, etwa bei einem Streitfall oder einer Compliance-Aufzeichnung, ist stattdessen ein dedizierter Web-Archivierungsdienst das richtige Tool, der die Erfassung mit Zeitstempel und Hash versieht.

Weitere Bildwerkzeuge

Entdecken Sie weitere leistungsstarke Werkzeuge für Ihre Bildbearbeitung

Bild komprimieren

Größe reduzieren

Größe ändern

Abmessungen ändern

Bild zuschneiden

Bereich ausschneiden

Format konvertieren

Format ändern

Foto-Editor

Fotos bearbeiten

Bild drehen

Bild drehen

Bild Spiegeln

Horizontal/Vertikal

Wasserzeichen hinzufügen

Wasserzeichen

Rahmen Hinzufügen

Bildrahmen hinzufügen

Abgerundete Ecken

Abgerundete Ecken hinzufügen

Filter

Helligkeit/Kontrast

Gesicht weichzeichnen

Gesichter verbergen

Mosaik

Bereiche verwischen

Hintergrund entfernen

Hintergrund entfernen

Bild verbessern

KI-Upscale

Text Hinzufügen

Text zum Bild hinzufügen

Collage

Mehrere Bilder kombinieren

GIF zu Bildsequenz

Frames extrahieren

Bild zuschneiden

Leere Ränder entfernen

Bilder stapelweise umbenennen

Dateien sicher gesammelt umbenennen

Kreis zuschneiden

Bilder rund zuschneiden

Schwarzweiß

Bilder in Graustufen umwandeln

Bild aufteilen

Ein Bild in ein Raster schneiden

Bilder zusammenführen

Bilder zu einem zusammenfügen

DPI ändern

DPI-Metadaten eines Bilds festlegen

Bild zu Base64

Bilder als Base64 kodieren

Bild zu PDF

Bilder zu einer PDF kombinieren

HEIC in JPG

iPhone-HEIC-Fotos in JPG umwandeln

EXIF-Entferner

Verborgene Fotometadaten einsehen und entfernen, einschließlich GPS-Standort

Favicon-Generator

Vollständiges Icon-Set plus HTML

Farbpalette

Farben aus einem Bild extrahieren

Base64 zu Bild

Base64 wieder in ein Bild dekodieren

HEIC in PNG

iPhone-HEIC-Fotos verlustfrei in PNG umwandeln

Text hinter Bild

Text hinter das Motiv eines Fotos setzen, vollständig im Browser

Farbpipette

HEX, RGB und HSL jedes Pixels auslesen

Unterschrift erstellen

Unterschrift zeichnen und als transparentes PNG herunterladen

Unterschrift freistellen

Tinte vom Papier, auf Transparenz

Hintergrund transparent machen

Hintergrund transparent machen

Meme-Generator

Text oben und unten für Memes hinzufügen

Bild-Hochskalierer

Bilder um 2x, 3x oder 4x vergrößern

PDF zu JPG

PDF-Seiten in JPG-Bilder umwandeln

PDF zu PNG

PDF-Seiten in PNG-Bilder umwandeln

Passfoto-Ersteller

Ausweisfotos auf offizielle Größen zuschneiden