Wenn Sie versuchen, ein Format zum Speichern Ihres Bildes auszuwählen, verwenden Sie diese Faustregel, um zu entscheiden: JPEG für Fotos oder fotorealistische Bilder mit vielen Farben; PNG für Strichzeichnungen, Bilder mit viel Text oder transparente Bilder; und GIF für animierte Bilder.
Contents
Vergleichstabelle
| JPEG | PNG | |
|---|---|---|
| Steht für | Gemeinsame fotografische Expertengruppe | Tragbare Netzwerkgrafiken |
| Am besten geeignet für | Fotografien; fotorealistische Bilder mit vielen Farben | Strichzeichnungen; Bilder mit Text; transparente Bilder |
| Mime Typ | Bild / JPEG | Bild / PNG |
| Dateierweiterungen | .jpg, .jpeg, .jpe | .png |
| Art des Formats | Bildformat für Rastergrafiken | Bildformat für Rastergrafiken |
| Raster / Vektor | Raster | Raster |
| Farbmanagement | Ja | Unterstützt das Farbmanagement durch die Aufnahme von ICC-Farbraumprofilen |
| Indizierte Farbe | Nein | Ja (für 1-8bit PNG s) |
| Interlacing-Unterstützung | Ja | Ja |
| Unterstützung für Animation | Nein | Nein |
| Unterstützung für Transparenz | Nein | Ja |
| Unterstützung für Metadaten | Ja | Ja |
| Unterstützung für mehrseitige | Nein | Nein |
| Unterstützung für Ebenen | Nein | Nein |
| Erweiterbar | Nein | Nein |
| Komprimierungsalgorithmus | DCT-basierte verlustbehaftete Komprimierung | Verlustfreier DEFLATE-Komprimierungsalgorithmus |
| Patentiert | Nein, aber Teile der Technologie, einschließlich ihrer Komprimierungsmethoden, waren Gegenstand mehrerer Patentklagen. | Nein |
| Anwendungskompatibel | Die meisten Webbrowser und Produktivitätssuiten | Die meisten Webbrowser und Produktivitätssuiten |
| Magische Zahl | ff d8 | 89 50 4e 47 0d 0a 1a 0a |
| Einheitliche Typkennung | public.jpeg | public.png |
Eigenschaften
Ähnlichkeiten und Unterschiede
JPEGs und PNGs sind in mehrfacher Hinsicht ähnlich. Sie unterstützen vergleichbare Farbtiefen und unterstützen Metadaten , Interlacing und Farbmanagement . Keines der Formate unterstützt Animationen, Ebenen oder HDR .
Die Trennung der beiden ist die Tatsache , dass PNGs Unterstützung Bildtransparenz , während JPEGs nicht. Darüber hinaus ist die Farbindizierung für 1-8-Bit-PNGs verfügbar, wird jedoch in JPEG überhaupt nicht unterstützt.
Andere Versionen von JPEG und PNG
Es gibt viele weniger bekannte alternative Versionen von JPEG und PNG. Beispielsweise unterstützen JPEGs kein HDR, es gibt jedoch ein inoffizielles JPEG-HDR . Es gibt sogar verlustfreie JPEG-Formate. Und obwohl PNGs keine Animationen wie GIFs unterstützen, gibt es APNG , einen nicht standardmäßigen Ableger von PNG, der Animationen ermöglicht.
Das Problem bei der Verwendung weniger bekannter Versionen von JPEG und PNG liegt in der Unterstützung. Nicht alle Browser zeigen alle Bildformate ordnungsgemäß an (z. B. unterstützt Firefox APNG, Internet Explorer jedoch nicht und Chrome erfordert eine Erweiterung ). In den meisten Fällen sollten sich Designer an gut unterstützte Standardeinstellungen halten, um die Benutzererfahrung nicht zu beeinträchtigen.
Verwendet
Fotografie
Mit DSLR- Kameras können Fotografen ihre Bilder normalerweise in einigen verschiedenen Grafikdateiformaten speichern, nämlich RAW , JPEG und gelegentlich TIFF . Obwohl JPEGs den Vorteil einer geringeren Dateigröße haben, sind sie verlustbehaftet. Führende Proamateur- und Profifotografen bevorzugen die TIFF- oder RAW-Formate für ihre verlustfreie oder qualitativ hochwertige verlustbehaftete Komprimierung.
In der Postproduktion können Fotografen RAW-Bilddaten anpassen und dann in einem neuen, verlustfreien (aber zugänglicheren) Dateiformat wie PNG speichern. Das Dateiformat ist wichtig, da die meisten Druckdienste JPEGs und PNGs – und manchmal auch TIFF – akzeptieren, aber nur einige Druckdienste mit RAW-Bildern funktionieren.
Netz
Kleine Web-Symbole, die in verschiedenen Einstellungen gespeichert wurden.
Die meisten Websites verwenden eine Kombination aus JPEGs und PNGs (und manchmal auch GIFs ) in ihren Designs, da JPEGs und PNGs aus unterschiedlichen Gründen verwendet werden. In den meisten Fällen werden JPEGs für große Bilder wie Fotos oder große, grafikintensive Website-Hintergründe verwendet, da die verlustbehaftete Natur von JPEG kleinere Dateigrößen ermöglicht und Websites Designs schneller laden können. Design- Software wie Adobe Photoshop verfügt über Tools , mit denen Designer feststellen können, wie groß eine Datei sein wird, wenn ein bestimmtes Format verwendet und die Einstellungen angepasst werden, bevor das Bild überhaupt gespeichert wird. Obwohl PNGs bei großen Bildern mit komplexen Szenen niemals zu einer kleineren Dateigröße führen als JPEGs, führt die verlustfreie Komprimierung von PNG manchmal zu einer kleineren Dateigröße für kleinere Bilder, insbesondere solche mit computergenerierten Grafiken (z. B. einer Linie) oder in Photoshop gezeichnetes Quadrat).
PNGs werden am häufigsten bei kleinen Bildern wie Web-Symbolen verwendet, bei denen die verlustfreie Komprimierung für gestochen scharfe und klare Bilder sorgt . PNGs werden auch verwendet, wenn ein transparenter Hintergrund benötigt wird, um ein zentrales Bild zu umgeben (z. B. bei Verwendung von Sprites ).
Kompression
JPEG und PNG verwenden völlig unterschiedliche Komprimierungsmethoden. JPEG verwendet eine DCT- basierte verlustbehaftete Komprimierungsmethode, bei der die Qualität zugunsten kleinerer Dateigrößen beeinträchtigt wird. PNG priorisiert die Qualität und verwendet den verlustfreien DEFLATE- Komprimierungsalgorithmus. Die Dateigröße von JPEG kann durch Anpassen des Prozentsatzes der Bildqualität während des Speicherns verringert werden, während die Dateigröße von PNG weniger einfach angepasst werden kann und normalerweise ein separates Programm erforderlich ist, um das Bild weiter zu komprimieren.
Sehen Sie sich das folgende Video an, um zu erfahren, wie sich verschiedene Komprimierungsmethoden auf die Dateigröße, die Farbtiefe und das Laden von Bildern in JPEGs und PNGs auswirken.
<iframe width=”640″ height=”360″ frameborder=”0″ allowfullscreen src=”https://www.youtube.com/embed/QASSsstBHdA?iv_load_policy=3&rel=0″></iframe>
Da sie verlustbehaftet sind, sollten JPEGs nicht mehrmals bearbeitet und erneut gespeichert werden, da dies zu einer starken Bildverschlechterung führt (das Speichern in einer einzelnen Sitzung ohne Schließen der Datei zwischen den Speichern ist jedoch in Ordnung). JPEGs, die häufig erneut gespeichert wurden, werden pixelig und zeigen die Farben nicht genau an. Im Gegensatz dazu können PNGs gespeichert und erneut gespeichert werden, ohne an Qualität zu verlieren. Dieses Video zeigt diesen Generationsverlust im Verlauf von 600 Speicherungen.
Popularität
Mit der universellen Browserunterstützung für PNG-Transparenz in den letzten Jahren sind PNGs insbesondere für bestimmte Webdesign-Elemente immer beliebter geworden. Die überwiegende Mehrheit der Billionen Bilder im Internet , von denen viele Fotos oder Kunst sind , sind jedoch immer noch JPEGs, und dies wird sich wahrscheinlich nicht so bald ändern.
Patentstatus
Zahlreiche Unternehmen, darunter viele Patenttrolle , haben behauptet, Patente auf die eine oder andere Form der JPEG- Technologie zu haben . Dies hat im Laufe der Jahre zu zahlreichen Rechtsstreitigkeiten geführt, zuletzt 2013, als ein Unternehmen namens Princeton Digital Image Corporation Dutzende namhafter Unternehmen, darunter Amazon, Netflix und Costco, wegen der Verwendung von JPEG verklagte Bilder auf ihren Websites. Die Patentierung von Komprimierungsmethoden ist der Hauptgrund dafür, dass ein verlustfreies JPEG nie populär geworden ist. Nur wenige möchten ein solches JPEG unterstützen oder verwenden, weil sie befürchten, verklagt zu werden.
PNG wurde entwickelt, um GIF zu ersetzen, das eine zuvor von Unisys patentierte Komprimierungsmethode verwendet . PNGs verwenden , um ein Komprimierungsverfahren, DEFLATE, die nicht patentiert, wodurch die Angst vor Patent Beseitigung Verletzung .
Verweise
- JPEG Mythen und Fakten – About.com Graphics Software
- Update zu Patenttrollen – Quelle des Technologierechts
- Wikipedia: Vergleich von Bildformaten
- Wikipedia: JPEG
- Wikipedia: Tragbare Netzwerkgrafiken
- Bilddateiformate – JPEG, GIF, PNG (YouTube-Video)