JPG vs PNG
Ein detaillierter Vergleich von JPEG Image und PNG Image — Dateigröße, Qualität, Kompatibilität und welches je nach Workflow zu wählen ist.
Kurze Antwort: verwende JPG für Fotos und PNG für Logos, Screenshots und UI-Elemente. JPG kann 5–20× kleiner sein als PNG für dasselbe Foto, aber PNG ist das einzige Format mit echter Transparenz, das unbegrenzte Speichervorgänge ohne Qualitätsverlust übersteht. Unten: die Zahlen, die Anwendungsfälle und warum auch Profis beide mischen.
JPG vs PNG auf einen Blick
| Dimension | JPG | PNG |
|---|---|---|
| Compression | Lossy (DCT) | Lossless (DEFLATE) |
| File size (1080p photo) | ~250-700 KB | ~2-5 MB |
| Transparency | No (8-bit RGB only) | Yes (8/24/32-bit alpha) |
| Best for | Photos, gradients | Logos, screenshots, UI |
| Color depth | 24-bit (16.7M colors) | Up to 48-bit |
| Year released | 1992 | 1996 |
| Browser support | Universal | Universal (since IE5+) |
| Re-saving losses | Generation loss each save | No degradation |
Wann JPG und wann PNG verwenden?
JPG Verwenden, wenn…
Wähle JPG, wenn Bandbreite und Dateigröße wichtiger sind als pixelgenaue Perfektion: Urlaubsfotos, Produktkatalog-Bilder, Social-Media-Uploads, Blog-Header-Bilder. Die verlustbehaftete Kompression verwirft visuelle Daten, die das Auge kaum bemerkt, und erreicht Verhältnisse von 10:1 gegenüber RAW bei Qualität 85+. Vermeide JPG für alles, was du nochmal bearbeiten willst (jedes Speichern verschlechtert es) oder mit harten Kanten und flachen Farben (Artefakte werden sichtbar).
PNG Verwenden, wenn…
Wähle PNG, wenn du Transparenz, scharfe Linien oder verlustfreie Qualität brauchst: Logos, Icons, UI-Mockups, Screenshots, Infografiken. Die DEFLATE-Kompression bewahrt jedes Pixel exakt — speichere 1000-mal neu und die Datei ist identisch. Der Preis: Größe. Ein Screenshot, der als PNG 80 KB wiegt, könnte als JPG 8 KB wiegen. Verwende PNG-8 (Palette) für einfache Grafiken mit ≤256 Farben, um Dateien dramatisch zu schrumpfen.
Das beste Format für jeden Anwendungsfall
Fotografie
Sanfte Gradienten komprimieren 5-20× kleiner in JPG ohne sichtbaren Verlust
Gewinner: JPGLogos & Icons
PNG bewahrt scharfe Kanten und unterstützt Transparenz
Gewinner: PNGScreenshots
PNG verarbeitet UI-Text und flache Farbblöcke ohne Artefakte
Gewinner: PNGBlog-Header-Bilder
Ladezeit zählt; JPG-Qualität 85 sieht identisch aus bei 1/10 der Größe
Gewinner: JPGEditierbare Grafik
JPG verschlechtert sich bei jedem Speichern; PNG ist bit-genau
Gewinner: PNGDruckausgabe
PNG verlustfrei bewahrt Details für hochauflösenden Druck
Gewinner: PNGJPEG Image
Raster & Vector ImagesJPEG is the most widely used lossy image format on the web. It achieves small file sizes through adjustable compression, making it ideal for photographs and complex images where some quality loss is acceptable.
Über JPG-DateienPNG Image
Raster & Vector ImagesPNG is a lossless image format that supports transparency. It is ideal for graphics, logos, screenshots, and any image where preserving exact pixel data is important.
Über PNG-DateienVorteilsvergleich
JPG Vorteile
- Excellent compression ratio for photographs (10:1 or better without visible quality loss).
- Universal support — every camera, phone, OS, and browser reads JPEG natively.
- Adjustable quality setting balances file size against visual fidelity.
- Embeds EXIF metadata (camera model, GPS, exposure) automatically.
- Progressive rendering for graceful loading over slow networks.
PNG Vorteile
- Lossless compression — every save preserves the original pixels perfectly.
- Full 8-bit alpha channel for smooth transparency.
- Excellent for text, UI screenshots, logos, and line art.
- Royalty-free and an ISO standard (ISO/IEC 15948).
- Supports 16-bit color depth for high-fidelity work.
Einschränkungen
JPG Einschränkungen
- Lossy — every save degrades the image further (generation loss).
- No transparency channel (use PNG or WebP for that).
- Visible compression artifacts on text, sharp edges, and flat colors.
- Limited to 8 bits per channel — poor for HDR or print work.
- Baseline JPEG tops out at 65,535 × 65,535 pixels.
PNG Einschränkungen
- Much larger than JPEG for photographs (no perceptual compression).
- No native animation in most software (APNG support is inconsistent).
- No CMYK support — web and screen only, not print.
- Metadata capabilities are less rich than JPEG's EXIF.
Technische Spezifikationen
| Spezifikation | JPG | PNG |
|---|---|---|
| MIME type | image/jpeg | image/png |
| Compression | Lossy — Discrete Cosine Transform + quantization + Huffman coding | Lossless — DEFLATE (zlib) |
| Color depth | 8 bits per channel (24-bit RGB or 8-bit grayscale) | 1, 2, 4, 8 or 16 bits per channel |
| Max dimensions | 65,535 × 65,535 pixels (baseline) | 2^31 − 1 pixels per side (2.1 billion) |
| Transparency | Not supported | Full 8-bit alpha channel |
| Typical quality | 75–90 for web, 95+ for print | — |
| Standard | — | ISO/IEC 15948:2004 |
Typische Dateigrößen
JPG
- Phone photo (12 MP, quality 85) 2–5 MB
- Web thumbnail (400px) 20–60 KB
- Full-page magazine photo 500 KB – 2 MB
- Social-media square (1080×1080) 100–400 KB
PNG
- Icon or small logo 2–20 KB
- UI screenshot (1920×1080) 200–800 KB
- High-res photo (12 MP) 10–30 MB
- Print-ready illustration 5–50 MB
Technische Analyse: JPG vs PNG
Der Kompressionsunterschied erklärt. JPG nutzt die Diskrete Kosinustransformation (DCT) — sie wandelt 8×8-Pixel-Blöcke in Frequenzkomponenten um und verwirft Hochfrequenz-Daten, die das visuelle System kaum wahrnimmt. Bei Qualität 85 verliert man typisch 80–95% der Dateigröße mit vernachlässigbarem Wahrnehmungsverlust bei Fotos. Der Haken: jedes Speichern wendet den verlustbehafteten Schritt erneut an, so dass das Editieren eines JPGs und 10-maliges Speichern sichtbare Unschärfe und Farbverschiebungen hinterlässt ("Generationsverlust").
PNG nutzt DEFLATE (denselben Algorithmus wie ZIP) — verwirft nie Daten, komprimiert nur redundante Muster. Ein Logo mit flacher Farbe und 4 Farben kann 50:1 komprimieren; ein verrauschtes Foto nur 1,5:1, weshalb Fotos in PNG 5-10× größer als in JPG sind. PNG unterstützt außerdem einen Alphakanal (Transparenz), was JPG grundsätzlich nicht kann: ein JPG hat entweder weißen Hintergrund oder die vom Encoder gewählte Farbe.
Wenn Transparenz die Hand zwingt. Wenn du anti-aliased Kanten über nicht-weißem Hintergrund brauchst — UI-Icons, Web-Mockups, Marketing-Grafiken — ist PNG zwingend. JPG füllt den Alphakanal mit Weiß und erzeugt hässliche Halos. Moderne Formate wie WebP und AVIF kombinieren das Beste aus beiden (verlustbehaftete/-freie Modi + Alpha); wir empfehlen JPG → WebP oder PNG → WebP für ~30-50% kleinere Dateien bei gleicher Qualität.
Verdict 2026. Für 90% der Web-Arbeit: JPG für Fotos bei Qualität 80-85, PNG für alles mit Transparenz oder harten Kanten. Für Bleeding-Edge: WebP in beiden Fällen mit JPG/PNG-Fallback via <picture>. Vermeide PNG-24 für Fotos (riesige Dateien) und vermeide JPG für alles, was du nochmal bearbeiten wirst.
Bereit zum Umwandeln?
Wandle zwischen JPG und PNG online um, kostenlos und ohne Installation. Verschlüsselter Upload, automatische Löschung in 60 Minuten.
Häufig gestellte Fragen
Bei Fotos ja — typisch 5-20× kleiner. Bei Logos und Screenshots ist es oft umgekehrt: PNG kann kleiner sein, weil es flache Farben und wiederholte Muster effizienter komprimiert als JPG.
Nein. Sobald Daten von der JPG-Kompression verworfen wurden, kann die Konvertierung zu PNG sie nicht wiederherstellen. Das PNG wird größer, sieht aber identisch aus.
Ja — PNG unterstützt 1-Bit (binäre) und 8-Bit (256-Stufen) Alphakanäle. JPG unterstützt überhaupt keine Transparenz.
JPG wendet seine verlustbehaftete DCT-Kompression bei jedem Speichern erneut an (\"Generationsverlust\"). Bearbeite und speichere als PNG, um Qualität zu bewahren, dann exportiere einmalig final als JPG.
Verwende JPG für Inhaltsfotos und PNG für UI-Elemente mit Transparenz. Noch besser: serviere WebP oder AVIF mit JPG/PNG-Fallback via `<picture>`-Tag.
WebP kombiniert verlustbehaftete + verlustfreie Modi mit Alpha, typisch 25-35% kleiner als JPG/PNG bei gleicher Qualität. Universelle Browser-Unterstützung seit 2020.
JPG (JPEG) is the most widely used image format, developed by the Joint Photographic Experts Group in 1992. It uses lossy compression to achieve small file sizes, making it the standard for digital photography, web images, and social media.
JPG files can be opened by virtually any image viewer or editor, including Windows Photos, macOS Preview, Adobe Photoshop, GIMP, and all web browsers.