Alle Artikel Anleitung

So extrahierst du Bilder von jeder Website

18. Juni 2026 · 6 Min. Lesezeit

Bilder von einer Website zu extrahieren bedeutet, die eigentlichen Bilddateien hinter einer Seite herauszuholen, sodass du sie ansehen, kopieren oder speichern kannst. Das Schwierige daran ist, dass viele Bilder keine schlichten <img>-Tags sind, sodass einfache Tools sie nie sehen. So erreichst du jedes Bild auf einer Seite und greifst es in voller Auflösung.

Wo sich Bilder auf einer Seite verstecken

Bevor du Bilder extrahieren kannst, hilft es zu wissen, wo sie sich befinden. Eine typische Seite mischt mehrere Arten von Grafiken:

• Standardbilder. Jeder <img>-Tag, dazu die responsiven Quellen in einem srcset.
• CSS-Hintergründe. Bilder, die in Stylesheets gesetzt sind, auch solche, die nur beim Hover oder in ::before- und ::after-Zuständen erscheinen.
• Lazy-geladene Bilder. Bilder, die erst laden, wenn sie in den Sichtbereich scrollen.
• Shadow DOM und iframes. Widgets und Einbettungen, die ihren Inhalt vor einfachen Scans verbergen.
• Canvas und inline SVG. Grafiken, die der Browser rendert, statt sie herunterzuladen.
• Per JavaScript geladene Medien. Karussell-Frames und Feed-Bilder, die nach dem Laden der Seite abgerufen werden.

Extrahiere jedes Bild mit PicGrab

PicGrab scannt die Seite, die du gerade ansiehst, und bringt jedes erreichbare Bild zum Vorschein, einschließlich aller oben genannten Quellen. Ein passives Netzwerkprotokoll zeichnet sogar Bildantworten auf, die per JavaScript geladen wurden, und fügt sie in den Scan ein, sodass Karussell-Frames und per fetch geladene Medien nicht verloren gehen. Du bekommst ein aufgeräumtes Raster, Filter nach Größe und Typ und einen Sammeldownload mit einem Klick. Der Scanner läuft nur, wenn du ihn anforderst, sodass nichts im Hintergrund auf jeder Seite sitzt.

Volle Auflösung statt Vorschaubilder

Viele Seiten zeigen eine kleine Vorschau und laden die große Datei erst bei Bedarf. PicGrab liest die echte Quelle jedes Bildes statt der verkleinerten Version auf dem Bildschirm, sodass du die Datei in voller Auflösung erhältst, wann immer eine verfügbar ist. Für Bilder, die über das Layout gefunden werden, etwa CSS-Hintergründe, ermittelt es die wahren Abmessungen im Hintergrund und aktualisiert die Größenangaben von einer Schätzung auf die exakte Pixelgröße.

Erst extrahieren, dann entscheiden, was du tust

Das Extrahieren ist nur der erste Schritt. Sobald die Bilder aufgelistet sind, kannst du:

• Ein einzelnes Bild herunterladen oder viele auswählen und gesammelt herunterladen.
• Jedes Bild in einem neuen Tab öffnen, um es zu prüfen.
• Eine Bild-URL kopieren, um sie anderswo zu nutzen.
• Ein Bild mit Google Lens suchen, um seine Quelle nachzuvollziehen.

Filtere auf die Bilder, die zählen

Eine lange Liste ist nur dann nützlich, wenn du sie eingrenzen kannst. Filtere nach Mindestmaßen, um Icons auszuschließen, nach Dateityp, um deinen Bedarf zu treffen, nach Form für ein bestimmtes Layout oder nach Text in der URL oder im Alt-Attribut. Sortiere dann nach Größe oder Seitenreihenfolge, um die richtigen Bilder schnell zu finden.

Seiten, auf denen das Extrahieren begrenzt ist

Ein paar Grenzen solltest du kennen. Browser-Systemseiten, etwa die Erweiterungsseite und der Web Store, sind für alle Erweiterungen tabu. Cross-Origin-canvas-Elemente werden vom Browser blockiert und können nicht exportiert werden. Und manche Bilder sind durch Rechte geschützt, selbst wenn sie leicht zu extrahieren sind, also stelle immer sicher, dass du nutzen darfst, was du speicherst.

Anwendungsfälle für das Extrahieren von Bildern

Das Extrahieren von Bildern ist der erste Schritt bei vielen alltäglichen Aufgaben. Designer bauen Moodboards aus Referenzen. Content-Teams prüfen, welche Bilder ein Mitbewerber auf einer Landingpage nutzt. Forschende archivieren Grafiken, bevor sich eine Seite ändert. Entwickler ziehen jedes Asset von einer Prototyp-Seite, um sie nachzubauen. Selbst Qualitätsprüfungen bauen darauf: Jedes Bild auf einer Seite aufzulisten macht es leicht, eine kaputte Quelle, ein niedrig aufgelöstes Hero-Bild oder einen verirrten Platzhalter zu entdecken. Weil PicGrab die echte Quell-URL und die wahre Größe jedes Bildes anzeigt, bekommst du eine genaue Bestandsaufnahme einer Seite, nicht nur einen Haufen Dateien.

Aus schwierigen Seiten extrahieren

Manche Seiten wehren sich. Endlose Feeds geben Bilder erst beim Scrollen frei, Single-Page-Apps tauschen Inhalte ohne Neuladen aus, und Galerien laden hochauflösende Versionen erst beim Klick. Der Weg hindurch ist ein Deep Scan plus das passive Netzwerkprotokoll: Der Scan zwingt lazy-Inhalte zum Laden, und das Protokoll zeichnet Bildantworten auf, die JavaScript im Hintergrund abgerufen hat, sodass Karussell-Frames und Medien auf Abruf erfasst statt verloren werden. Das Ergebnis ist der vollständige Satz dessen, was die Seite tatsächlich geladen hat, selbst wenn nichts davon im reinen HTML erscheint.

Häufig gestellte Fragen

Was bedeutet es, Bilder von einer Website zu extrahieren?

Es bedeutet, die zugrunde liegenden Bilddateien aus einer Seite herauszuholen, inklusive Hintergründen und lazy-geladenen Bildern, sodass du sie ansehen, kopieren oder herunterladen kannst.

Kann ich CSS-Hintergrundbilder extrahieren?

Ja. PicGrab findet CSS-Hintergründe, inklusive Hover- und Pseudo-Element-Zuständen, dazu canvas, inline SVG und per JavaScript geladene Medien.

Bekomme ich das Bild in voller Auflösung?

PicGrab liest die echte Quelle statt des Vorschaubilds auf dem Bildschirm, sodass du die Datei in voller Auflösung erhältst, wann immer die Seite sie bereitstellt.

Ist es legal, Bilder zu extrahieren?

Das Extrahieren ist technisch; die Frage ist die Nutzung der Bilder. Viele Bilder sind urheberrechtlich geschützt, also stelle sicher, dass du das Recht hast, alles zu nutzen, was du speicherst.

Kann ich ein Bild kopieren, ohne es herunterzuladen?

Ja. Für jedes Bild kannst du seine URL kopieren oder es in einem neuen Tab öffnen, was praktisch ist, wenn du nur den Link oder einen kurzen Blick brauchst.

Warum hat es weniger Bilder gefunden als erwartet?

Meist ist die Seite ein Feed, der einen Deep Scan braucht, oder ein Größenfilter blendet kleinere Bilder aus. Führe einen Deep Scan aus und entferne die Filter, um den vollständigen Satz zu sehen.

Weiterlesen