Das richtige Bildformat wählen
Das Bildformat beeinflusst Dateigröße, Qualität und Kompatibilität. Das falsche Format kann Ihre Website verlangsamen, die Bildqualität verringern oder Darstellungsprobleme verursachen. Hier erklären wir, wann Sie welches Format verwenden sollten.
JPEG (JPG)
Am besten geeignet für
- Fotografien mit vielen Farben
- Produktfotos mit komplexen Hintergründen
- Social-Media-Bilder
- E-Mail-Marketing
Vorteile
- Kleine Dateigrößen - ideal für Web-Performance
- Universelle Unterstützung - funktioniert überall
- Einstellbare Qualität - Balance zwischen Größe und Qualität
Nachteile
- Keine Transparenz - transparente Hintergründe nicht möglich
- Verlustbehaftete Kompression - Qualität verschlechtert sich bei jedem Speichern
- Artefakte - bei niedriger Qualität an scharfen Kanten sichtbar
Wann JPEG verwenden
Verwenden Sie JPEG für Produktfotos mit einfarbigem Hintergrund (z. B. weiß). Eine Qualitätseinstellung von 80-85 % bietet die beste Balance aus Größe und Qualität.
PNG
Am besten geeignet für
- Bilder, die Transparenz erfordern
- Grafiken mit Text oder scharfen Kanten
- Logos und Icons
- Screenshots
Vorteile
- Transparenz-Unterstützung - unverzichtbar für freigestellte Hintergründe
- Verlustfreie Kompression - kein Qualitätsverlust
- Scharfe Kanten - perfekt für Text und Grafiken
Nachteile
- Große Dateigrößen - 2-10x größer als JPEG
- Langsameres Laden - beeinträchtigt die Seitengeschwindigkeit
- Überdimensioniert für Fotos - Vorteile gehen bei komplexen Bildern verloren
Wann PNG verwenden
Verwenden Sie PNG, wenn Sie Transparenz benötigen - z. B. Produktbilder ohne Hintergrund, die auf farbigen oder gemusterten Untergründen platziert werden.
WebP
Am besten geeignet für
- Moderne Websites, die Geschwindigkeit priorisieren
- Sowohl Fotos als auch Grafiken
- Bilder, die Transparenz bei kleiner Dateigröße erfordern
Vorteile
- Kleinste Dateigrößen - 25-35 % kleiner als JPEG
- Transparenz-Unterstützung - wie PNG, aber kleiner
- Verlustbehaftet und verlustfrei - flexible Kompression
Nachteile
- Eingeschränkte Kompatibilität - ältere Browser unterstützen es nicht
- Nicht überall akzeptiert - einige Marktplätze lehnen WebP ab
- Einschränkungen bei der Bearbeitung - nicht alle Programme unterstützen WebP
Wann WebP verwenden
Verwenden Sie WebP für Ihre eigene Website, um die Seitengeschwindigkeit zu maximieren. Halten Sie immer JPEG-/PNG-Alternativen für ältere Browser bereit.
Format-Vergleichstabelle
Für ein typisches 1000x1000 Produktfoto:
- JPEG (80 % Qualität): ~150 KB
- PNG: ~800 KB
- WebP: ~100 KB
Marktplatz-Anforderungen
Amazon
Akzeptiert JPEG, PNG, GIF, TIFF. JPEG wird für Hauptbilder empfohlen.
eBay
Akzeptiert JPEG, PNG, GIF. Keine WebP-Unterstützung.
Etsy
Akzeptiert JPEG, PNG, GIF. PNG empfohlen für Artikel mit Transparenz.
Shopify
Akzeptiert alle Formate einschließlich WebP. Konvertiert automatisch zu WebP für unterstützte Browser.
Optimierungs-Tipps
Für JPEG
- 80-85 % Qualität für Web verwenden
- Progressive JPEG für schneller wahrgenommenes Laden nutzen
- Metadaten entfernen, um die Größe zu reduzieren
Für PNG
- PNG-8 für einfache Grafiken (256 Farben) verwenden
- PNG-24 für Fotos mit Transparenz verwenden
- Mit Tools wie TinyPNG komprimieren
Für WebP
- Qualität 75-80 für Fotos verwenden
- Verlustfrei für Grafiken mit Text verwenden
- Immer Fallback-Formate bereitstellen
Empfohlener Workflow
- In PNG bearbeiten - Qualität während der Bearbeitung erhalten
- Als JPEG exportieren - für Marktplatz-Angebote
- Zu WebP konvertieren - für Ihre eigene Website
- PNG-Originale aufbewahren - für zukünftige Bearbeitungen
Verwenden Sie den Pixelift Bildkompressor, um Ihre Bilder für jedes Format bei gleichbleibender Qualität zu optimieren.