01 · Mit einer Vorlage beginnen
Wähle ein hochauflösendes Bild sowie Breiten und Formate passend zum Seitenlayout. Die Originaldatei bleibt unverändert.
Bilder zum Veröffentlichen / 01
Website-Bildpaket-Generator
Ein Ausgangsbild, die passende Größe für jeden Bildschirm. Exportiere einen vollständigen Bildsatz und responsives HTML für deine Website.
Ein Bild, bereit fürs Web
Dein Veröffentlichungspaket
320px640px1280px
Eine Vorlage. Für jeden Bildschirm.
Vergleiche die tatsächlichen Dateigrößen und lade Bilder samt responsivem HTML herunter.
Nach der Erstellung siehst du gemessene Größen, keine Schätzungen oder vorgegebenen Ergebnisse.
Von einem Bild zum vollständigen Bildpaket
02 · Tatsächliche Ausgaben vergleichen
Erstelle die Dateien, wähle eine Zeile für die Vorschau und vergleiche die gemessenen Dateigrößen für jede Breite.
03 · Das gesamte Paket mitnehmen
Lege Alternativtext und sizes fest. Lade Bilder, HTML und Dateiverzeichnis gemeinsam als ZIP herunter.
Vor der Veröffentlichung
Größenänderungen und Bearbeitungen erzeugen neue Dateien. Bewahre das Original und nötige Urheberangaben auf und kennzeichne KI-Nutzung, wo sie offengelegt werden muss.
Bildherkunft und Datenschutz verstehen · Metadaten einer Datei prüfen
Fragen und Antworten
Was enthält die ZIP?
Die kodierten Bilder, picture.html, ein Verzeichnis mit Abmessungen und Byte-Größen sowie eine kurze Anleitung. Alle HTML-Verweise stimmen mit den tatsächlichen Ausgabedateinamen überein.
Werden meine Bilder vergrößert?
Nein. Jede Breite ist auf die ursprüngliche Bildbreite begrenzt. Doppelte Breiten werden zusammengeführt, Proportionen bleiben erhalten und HTML verwendet die tatsächlichen Ausgabemaße.
Kann jedes Format Transparenz erhalten?
WebP und AVIF können Transparenz erhalten. JPG verwendet stattdessen deine gewählte Hintergrundfarbe. Schaltest du Transparenz aus, werden alle Formate auf dieser Farbe zusammengesetzt.
Wie verwende ich srcset und sizes?
Lege die Bilder neben das exportierte HTML oder passe die URLs an deinen Bildordner an. Setze sizes passend zur tatsächlichen CSS-Anzeigebreite an jedem Breakpoint. Der Browser wählt eine angebotene Breite. Entferne Lazy Loading für das zuerst sichtbare Hauptbild.
Sind die Exporte verlustfrei oder bleiben Metadaten erhalten?
Nein. Bilder werden skaliert und neu kodiert; Quellmetadaten werden nicht kopiert. Komprimierung kann Details und Farbdarstellung verändern. Bewahre das Original für Bearbeitungsverlauf, Herkunft und Copyright auf. Für geprüfte Metadatenbereinigung ohne Neukodierung nutze den AI Metadata Checker.
Weiterarbeiten
Produktfotos als Stapel vorbereiten · Bild-Stapeleditor · Hintergrund entfernen