HTML in Bild Konvertieren

Ein Schnappschuss einer lebenden Seite, keine Extraktion ihres Codes

Das Tool HTML zu Bild von Pico Image nimmt kein eingefügtes HTML-Markup oder CSS und verwandelt es in ein Bild – es nimmt eine URL, öffnet diese Adresse in einer echten Rendering-Engine, so wie es ein Browser täte, wartet, bis Layout, Web-Schriften und Bilder der Seite fertig geladen sind, und erfasst dann genau das, was in diesem Moment auf dem Bildschirm zu sehen ist. Vom Quellcode bleibt nichts erhalten: Es gibt keine auswählbaren Elemente, keine Links, keinen Text, den Sie anschließend kopieren könnten – nur das fertige visuelle Ergebnis. Die Wahl von JPG in Ausgabeformat rasterisiert diesen erfassten Frame in ein Standard-komprimiertes Foto, dieselbe Art Datei, die eine Handykamera erzeugt. Die Wahl von SVG verpackt dieselbe gerenderte Erfassung stattdessen in einen Vektor-Container, nützlich, wenn die Datei in ein Design-Tool soll oder ohne sichtbaren Qualitätsverlust auf eine andere Größe skaliert werden muss – der Inhalt innerhalb dieses SVGs ist aber weiterhin die gerenderte Seite, kein Satz separater Vektorformen, die Sie Pfad für Pfad auswählen und bearbeiten könnten. Die Auflösung des erfassten Bildes folgt dem Rendering-Viewport statt Ihrem eigenen Bildschirm, sie fällt also unabhängig davon, von welchem Gerät oder welcher Fenstergröße aus Sie erfassen, konsistent aus – ein wiederholbares Ergebnis statt eines, das vom gerade geöffneten Monitor abhängt. Weil der gesamte Vorgang davon abhängt, dass die Seite ihr Rendering tatsächlich abschließt, gibt es reale Grenzen. Eine Seite, die eine Anmeldung verlangt, lädt als anonymer Besucher und zeigt, was dieser Besucher sehen würde – meist ein Anmeldeformular. Ein Artikel hinter einer Bezahlschranke zeigt die Bezahlschranke. Eine Website, die sich explizit gegen das Einbetten oder Automatisieren absichert, über Response-Header wie X-Frame-Options oder eine strikte frame-ancestors-Richtlinie, oder über Bot-Erkennung, die auf Headless-Browser abzielt, liefert oft einen Fehler oder ein absichtlich kaputtes Layout statt ihres echten Inhalts. Die Erfassung spiegelt außerdem eine einzelne Viewport-Breite und die volle Scroll-Höhe der Seite wider, nicht mehrere Bildschirmgrößen, und sie simuliert weder Scrollen noch Klicken, sodass Inhalte, die erst nach einer Nutzerinteraktion erscheinen – ein aufklappbarer Bereich, ein Lazy-Loaded-Bild weiter unten, spätere Folien eines Karussells – fehlen oder in dem Zustand gezeigt werden können, in dem sie sich gerade befanden, als das Rendering abgeschlossen war.