UTILS.
100 % im Browser

Bild-srcset-Generator

Ein responsives <img>-Tag mit srcset und sizes aus einem Pfad und einer Breitenliste erzeugen.

— Ausgabe erscheint hier —

Über dieses Tool

Erstellen Sie ein responsives <img>-Tag mit den Attributen srcset und sizes aus einem Basis-Bildpfad und einer Liste von Breiten; das Markup wird lokal in Ihrem Browser erzeugt.

Häufig gestellte Fragen

Wie werden die srcset-URLs benannt?
Jede Breite erzeugt eine URL wie pfad-640w.jpg mit einem passenden 640w-Deskriptor, einer gängigen Namenskonvention für responsive Bildvarianten.
Muss ich die skalierten Bilder trotzdem selbst erstellen?
Ja. Dieses Tool erzeugt das Markup; die tatsächlichen skalierten Bilddateien in jeder aufgeführten Breite müssen Sie selbst erstellen.

Weitere Tools