Über dieses Werkzeug
Erzeuge mehrere Breiten eines Bildes (WebP, JPG oder PNG) samt fertigem <img srcset>-Code, zusammen als ZIP.
Jede gewünschte Breite entsteht durch Flächenmittel-Verkleinerung (nie über das Original hinaus; Duplikate entfallen). Der Code listet jede Datei mit Breitenangabe und setzt Breite und Höhe, damit die Seite beim Laden nicht springt.
Beispiel: Ein Titelbild mit 2400 px und den Breiten 480, 960, 1600 ergibt drei WebP-Dateien und eine srcset-Zeile.
Lade die Dateien gemeinsam auf deine Website und passe das sizes-Attribut an dein Layout an.
Kurze Schritte
- Wähle deine Dateien – sie bleiben auf deinem Gerät.
- Stelle die Optionen ein und prüfe Vorschau oder Testergebnisse.
- Lade das Ergebnis herunter. Deine Originaldateien werden nie verändert.
Die Dateien werden in deinem Browser verarbeitet und nicht zu 1CLIK hochgeladen.
FAQ
Wie funktioniert Responsive-Bild-Generator (srcset)?
Jede gewünschte Breite entsteht durch Flächenmittel-Verkleinerung (nie über das Original hinaus; Duplikate entfallen). Der Code listet jede Datei mit Breitenangabe und setzt Breite und Höhe, damit die Seite beim Laden nicht springt.
Was sollte ich beachten?
Lade die Dateien gemeinsam auf deine Website und passe das sizes-Attribut an dein Layout an.
Werden meine Dateien hochgeladen?
Nein. Alles passiert auf deinem Gerät; nichts wird gelöscht oder überschrieben, Ergebnisse sind neue Downloads.