Wie benutzt du dieses Tool?
- Wenn du weißt, was du brauchst — nutze ein dediziertes Tool unten (z. B. JPG zu WebP für Fotos)
- Wenn du unsicher bist — wähle das Zielformat oben, zieh dein Bild in die Dropzone, und vergleiche das Ergebnis
- Stelle die Qualität am Slider ein (Standard 85). Vorschau und Größe aktualisieren sich live
- Klick auf <em>Herunterladen</em>, sobald das Ergebnis passt — oder probiere ein anderes Zielformat zum Vergleich
Welches Format brauche ich?
Bei der Wahl des Bild-Formats geht es um drei Dimensionen: Browser-Reichweite, Dateigröße und Anwendungsfall. Hier die schnelle Entscheidungshilfe:
- Fotos für die Web-Auslieferung: JPG zu WebP für die meisten Fälle, JPG zu AVIF für Hero-Bilder mit maximaler Kompression.
- Logos, Icons, Screenshots mit Transparenz: PNG zu WebP als Web-Standard, PNG zu AVIF für maximale Bandbreiten- Ersparnis.
- Universelle Kompatibilität (Legacy-CMS, Print, ältere Software): PNG oder JPG behalten.
- Progressive Auslieferung mit Fallback-Kette: AVIF als Primär-Source,
WebP als zweite Quelle, JPG/PNG als Fallback im
<picture>-Element.
Wenn du dir unsicher bist, nutze die Format-Picker oben in der Dropzone — du siehst den direkten Größenvergleich am Live-Output und kannst das passende Format anhand deiner Datei auswählen.
Wie unterscheiden sich WebP und AVIF im Vergleich?
Beide Formate sind moderne Nachfolger von JPG und PNG. WebP basiert auf dem VP8-Video-Codec und ist seit 2010 im Web verbaut, AVIF nutzt den modernen AV1-Codec und kam 2019 dazu.
| Kriterium | WebP | AVIF |
|---|---|---|
| Eingeführt | 2010 (Google) | 2019 (Alliance for Open Media) |
| Typische Einsparung vs. JPG | 25–35 % | 40–50 % |
| Typische Einsparung vs. PNG | 50–70 % | 70–85 % |
| Browser-Reichweite | ~97 % global | ~95 % global |
| Safari-Support | seit iOS 14 / macOS 11 | seit iOS 16.4 / macOS 13.3 |
| Encoding-Geschwindigkeit | schnell | langsamer (AV1-basiert) |
| Transparenz | ja (Lossy + Lossless) | ja (Lossy + Lossless) |
| HDR / 12-Bit | nein | ja |
| Lizenz | BSD (royalty-free) | royalty-free (AOMedia) |
WebP wählen für Standard-Web-Bilder, Bestandsbilder-Massenkonvertierung, ältere Geräte oder CMS-Setups ohne AVIF-Auslieferung.
AVIF wählen für Hero-Bilder, bandbreitenkritische Märkte (Mobile-First,
Schwellenländer) oder wenn das <picture>-Element mit progressiver
Fallback-Kette zum Einsatz kommt.
Welche Format-Paarungen sind häufig?
Statt zum allgemeinen Konverter zu greifen, lohnt oft ein dediziertes Tool — die fixe Format-Wahl spart Klicks und hilft beim Erlernen der Quell-/Ziel-Charakteristika.
- PNG zu WebP — wenn du Logos, Icons oder Screenshots optimierst. Alpha-Kanal bleibt erhalten, typische Einsparung 50 bis 70 Prozent.
- JPG zu WebP — wenn du Fotos für Web-Performance verkleinerst. Standard für Blog-Header, Produktfotos, Galerie-Bilder.
- PNG zu AVIF — wenn maximale Kompression mit Transparenz wichtig ist. Hero-Logos, große Icon-Sprites, Banner mit freigestellten Motiven.
- JPG zu AVIF — wenn du Hero-Fotos auf kleinste Größe optimierst. Photography Portfolios, E-Commerce Hero Shots, Mobile-First- Auslieferung.
Wie funktioniert progressive Auslieferung mit dem Picture-Element?
Das <picture>-Element erlaubt dem Browser, das beste verfügbare Format
auszuwählen. Wer AVIF + WebP + JPG kombiniert, holt für jeden Besucher das
Optimum heraus — moderne Geräte bekommen AVIF, Safari-iOS-15 bekommt WebP,
Internet-Explorer-Verirrte bekommen JPG.
<picture>
<source srcset="/img/hero.avif" type="image/avif" />
<source srcset="/img/hero.webp" type="image/webp" />
<img src="/img/hero.jpg" alt="Hero-Beschreibung" width="1280" height="720" />
</picture>Wichtig: width und height am <img> setzen, damit der Browser den
Reservierungs-Platz vor dem Laden kennt — verhindert Layout-Sprünge bei
Largest Contentful Paint.
Datenschutz — 100 % im Browser
Die Konvertierung läuft vollständig client-seitig über die Browser-Bildkodierung. Deine Datei wird zu keinem Zeitpunkt an einen Server gesendet, gespeichert oder analysiert. Es gibt kein Tracking, kein Cookie-Banner für Drittanbieter-Cookies und keine Anmeldung.
Du kannst diese Seite nach dem ersten Laden auch offline weiternutzen — die benötigten Browser-APIs sind seit 2018 in allen modernen Browsern verfügbar. Für sensible Bilder (Ausweis-Scans, medizinische Aufnahmen, interne Firmenunterlagen) ist das der entscheidende Vorteil gegenüber webbasierten Konvertern, die deine Datei zwingend hochladen müssen.
Welche Bild-Tools sind verwandt?
Weitere Tools aus dem kittokit-Ökosystem rund um Bild-Optimierung:
- PNG zu WebP — dediziertes Tool für Logos, Icons und Screenshots mit Transparenz.
- JPG zu WebP — dediziertes Tool für Fotos und Web-Performance.
- PNG zu AVIF — maximale Kompression bei erhaltener Transparenz.
- JPG zu AVIF — kleinste Datei für Hero-Fotos und mobile Auslieferung.
- Hintergrund entfernen — Motive aus Fotos freistellen, KI-basiert und ohne Upload.
Zuletzt aktualisiert: