JPEG gegen PNG gegen BMP gegen GIF gegen SVG

Im xkcd-Stil von lbrandy.com :

Sie sollten einige wichtige Faktoren kennen ...

Erstens gibt es zwei Arten der Komprimierung: Lossless und Lossy .

• Verlustfrei bedeutet, dass das Bild verkleinert wird, ohne dabei die Qualität zu beeinträchtigen.
• Verlustbehaftet bedeutet, dass das Bild (noch) kleiner gemacht wird, jedoch zu Lasten der Qualität. Wenn Sie ein Bild immer wieder in einem verlustbehafteten Format speichern, wird die Bildqualität immer schlechter.

Es gibt auch unterschiedliche Farbtiefen (Paletten): Indizierte Farbe und Direktfarbe .

• Indiziert bedeutet, dass das Bild nur eine begrenzte Anzahl von Farben (normalerweise 256) speichern kann, die vom Autor gesteuert werden, in einer so genannten Color Map
• Direkt bedeutet, dass Sie Tausende von Farben speichern können, die nicht direkt vom Autor ausgewählt wurden

BMP - verlustlos / indiziert und direkt

Dies ist ein altes Format. Es ist verlustfrei (beim Speichern gehen keine Bilddaten verloren), aber es gibt auch wenig bis überhaupt keine Komprimierung, was bedeutet, dass das Speichern als BMP sehr große Dateigrößen ergibt. Es kann Paletten sowohl mit Index als auch mit Direkt enthalten, aber das ist ein kleiner Trost. Die Dateigrößen sind so unnötig groß, dass niemand dieses Format jemals wirklich verwendet.

Gut für: Nichts wirklich. Es gibt nichts, was BMP auszeichnet oder von anderen Formaten nicht besser gemacht wird.

GIF - nur verlustfrei / indiziert

GIF verwendet eine verlustfreie Komprimierung, was bedeutet, dass Sie das Bild immer wieder speichern können und niemals Daten verlieren. Die Dateigrößen sind viel kleiner als bei BMP, da tatsächlich eine gute Komprimierung verwendet wird, jedoch nur eine indizierte Palette gespeichert werden kann. Dies bedeutet, dass für die meisten Anwendungsfälle maximal 256 verschiedene Farben in der Datei vorhanden sein können. Das hört sich nach einer kleinen Menge an und ist es auch.

GIF-Bilder können auch animiert und transparent sein.

Gut für: Logos, Strichzeichnungen und andere einfache Bilder, die klein sein müssen. Nur wirklich für Websites verwendet.

JPEG - verlustbehaftet / direkt

JPEG-Bilder wurden entwickelt, um detaillierte fotografische Bilder so klein wie möglich zu machen, indem Informationen entfernt werden, die das menschliche Auge nicht bemerkt. Infolgedessen handelt es sich um ein Lossy-Format. Wenn Sie die gleiche Datei immer wieder speichern, gehen mit der Zeit mehr Daten verloren. Es hat eine Palette von Tausenden von Farben und eignet sich daher hervorragend für Fotos, aber die verlustbehaftete Komprimierung bedeutet, dass es für Logos und Strichzeichnungen schlecht ist: Sie sehen nicht nur unscharf aus, sondern diese Bilder haben im Vergleich zu GIFs auch eine größere Dateigröße!

Gut für: Fotografien. Auch Steigungen.

PNG-8 - Verlustfrei / Indiziert

PNG ist ein neueres Format und PNG-8 (die indizierte Version von PNG) ist wirklich ein guter Ersatz für GIFs. Leider hat es jedoch einige Nachteile: Erstens kann es keine Animationen unterstützen, wie es GIF kann (gut möglich, aber nur Firefox scheint dies zu unterstützen, im Gegensatz zu GIF-Animationen, die von jedem Browser unterstützt werden). Zweitens gibt es einige Supportprobleme mit älteren Browsern wie IE6. Drittens haben wichtige Programme wie Photoshop eine sehr schlechte Implementierung des Formats. (Verdammt noch mal, Adobe!) PNG-8 kann nur 256 Farben wie GIFs speichern.

Gut für: Die Hauptsache, die PNG-8 besser macht als GIFs, ist die Unterstützung von Alpha Transparency.

Wichtiger Hinweis: Photoshop unterstützt Alpha-Transparenz für PNG-8-Dateien nicht. (Verdammt noch mal, Photoshop!) Es gibt Möglichkeiten, Photoshop PNG-24 in PNG-8-Dateien zu konvertieren und dabei die Transparenz beizubehalten. Eine Methode ist PNGQuant, eine andere ist das Speichern Ihrer Dateien mit Fireworks .

PNG-24 - Verlustfrei / Direkt

PNG-24 ist ein großartiges Format, das verlustfreie Kodierung mit direkter Farbe kombiniert (Tausende von Farben wie bei JPEG). In dieser Hinsicht ist es BMP sehr ähnlich, mit der Ausnahme, dass PNG Bilder tatsächlich komprimiert, was zu sehr viel kleineren Dateien führt. Leider sind PNG-24-Dateien immer noch viel größer als JPEGs, GIFs und PNG-8s. Sie müssen sich also noch überlegen, ob Sie eine solche Datei wirklich verwenden möchten.

Obwohl PNG-24s während der Komprimierung Tausende von Farben zulassen, sollen sie JPEG-Bilder nicht ersetzen. Ein als PNG-24 gespeichertes Foto ist wahrscheinlich mindestens fünfmal so groß wie ein gleichwertiges JPEG-Bild, wobei die sichtbare Qualität nur geringfügig verbessert wird. (Dies kann natürlich ein wünschenswertes Ergebnis sein, wenn Sie sich nicht um die Dateigröße kümmern und die bestmögliche Bildqualität erhalten möchten.)

Genau wie PNG-8 unterstützt auch PNG-24 Alpha-Transparenz.

SVG - Verlustfrei / Vektor

Ein Dateityp, der derzeit an Popularität gewinnt, ist SVG. Dies unterscheidet sich von allen oben genannten darin, dass es ein Vektordateiformat ist (die oben genannten sind alle Raster ). Das heißt, es besteht eigentlich aus Linien und Kurven statt aus Pixeln. Wenn Sie ein Vektorbild vergrößern, sehen Sie immer noch eine Kurve oder eine Linie. Wenn Sie ein Rasterbild vergrößern, werden Pixel angezeigt.

Zum Beispiel:

Das bedeutet, dass SVG ideal für Logos und Symbole ist, die auf Retina-Bildschirmen oder in verschiedenen Größen scharf bleiben sollen.

Darüber hinaus werden SVG-Dateien mit XML geschrieben und können daher in einem Texteditor geöffnet und bearbeitet werden, sodass sie bei Bedarf im Handumdrehen bearbeitet werden können. Sie können beispielsweise JavaScript verwenden, um die Farbe eines SVG-Symbols auf einer Website zu ändern, ähnlich wie bei Text (dh, es ist kein zweites Bild erforderlich).

Ich hoffe das hilft!

Von Was ist der Unterschied zwischen TIFF, GIF, JPG, JPEG, PNG und BMP - Datei?

BMP - Bitmap. Dies war wahrscheinlich das erste digitale Bildformat, an das ich mich erinnern kann. Jedes Bild auf einem Computer schien damals ein BMP zu sein. In Windows XP speichert das Paint-Programm seine Bilder automatisch in BMP. In Windows Vista und höher werden Bilder jedoch jetzt in JPEG gespeichert. BMP ist die Basisplattform für viele andere Dateitypen.

JPG / JPEG - (Joint Photographic Experts Group) Das JPEG- Format wird für Farbfotografien oder für Bilder mit vielen Farbverläufen oder Farbverläufen verwendet. Es ist nicht gut für scharfe Kanten und neigt dazu, sie etwas zu verwischen, es sei denn, es wird in hoher Qualität gelagert. Dieses Format wurde mit der Erfindung der Digitalkamera populär. Die meisten, wenn nicht alle, Digitalkameras laden Fotos als JPEG-Dateien auf Ihren Computer herunter. Offensichtlich sehen die Hersteller von Digitalkameras den Wert in qualitativ hochwertigen Bildern, die letztendlich weniger Platz benötigen.

GIF - (Graphics Interchange Format) Das GIF- Format wird am besten für Text, Strichzeichnungen, Screenshots, Cartoons und Animationen verwendet. Gif ist auf eine Gesamtzahl von 256 Farben oder weniger beschränkt, daher sind Gif-Bilder relativ klein. Es wird häufig zum schnellen Laden von Webseiten verwendet. Es macht auch ein tolles Banner oder Logo für Ihre Webseite. Animierte Bilder können auch im GIF-Format als Folge statischer Bilder gespeichert werden. Ein blinkendes Banner würde beispielsweise als Gif-Datei gespeichert.

PNG - (Portable Networks Graphic) Dieses verlustfreie Format ist eines der besten Bildformate. Es war nicht immer mit allen Webbrowsern oder Bildsoftware kompatibel, aber heutzutage ist es das beste Bildformat für Websites. Ich verwende .png für Logos und Screenshots. Eine der erstaunlichsten Fähigkeiten ist die Möglichkeit, Bilder verlustfrei (ohne Pixelverlust) zu komprimieren, obwohl die endgültige komprimierte Größe zwischen den Bildbearbeitern variiert.

TIFF - (Tagged Image File Format) Dieses Dateiformat wurde seit 1992 nicht mehr aktualisiert und ist jetzt im Besitz von Adobe. Es kann ein Bild und Daten (Tags) in einer Datei speichern. TIFF kann komprimiert werden, es ist jedoch eher seine Fähigkeit, Bilddaten in einem verlustfreien Format zu speichern, was eine TIFF-Datei zu einem nützlichen Bildarchiv macht, da eine TIFF-Datei im Gegensatz zu Standard-JPEG-Dateien mit verlustfreier Komprimierung (oder keiner) bearbeitet werden kann -gespart ohne die Bildqualität zu verlieren. Diese Datei wird normalerweise zum Scannen, Faxen, zur Textverarbeitung usw. verwendet. Es ist kein normales Dateiformat mehr für digitale Fotos, da JPEG-Dateien von hervorragender Qualität sind und weniger Speicherplatz benötigen.

Die vorhandenen Antworten enthalten sehr wenige technische Daten, daher werde ich diese hier angeben.

• JPEG : Bis zu 24-Bit-Farbe (möglicherweise mehr?), Variable (normalerweise hohe) Komprimierung, verlustbehaftet, keine Alpha-Unterstützung
• PNG : Bis zu 48 Bit Farbe, moderate Komprimierung, verlustfrei, Alpha-Unterstützung
• BMP : Bis zu 24-Bit-Farbe, sehr wenig Komprimierung, verlustfreie Alpha-Unterstützung
• GIF : Bis zu 8-Bit-Farbe, wenig Komprimierung, verlustfrei, Transparenzunterstützung, Animationsunterstützung

Farbtiefe

• 8-Bit-Farbe = = 256 Farben
• 24-Bit-Farbe = 16.777.216 Farben
• 48-Bit-Farbe == 281,474,976,710,656 Farben

Die meisten Computermonitore laufen mit einer Farbtiefe von 24 Bit. Das menschliche Auge kann über so viele Farben unterscheiden. Eine zusätzliche Farbtiefe besteht hauptsächlich darin, Informationen von einem Sensor speichern zu können, so dass bei der Bearbeitung eines Fotos mehr Daten zur Verfügung stehen, mit denen gearbeitet werden kann. Der Versuch, ein Foto in 8-Bit-Farbe darzustellen, führt zu Körnigkeit.

Kompression

Dies bezieht sich im Wesentlichen darauf, wie groß die endgültige Datei sein wird. Mehr Komprimierung entspricht einer kleineren Datei. JPEG erreicht jedoch kleine Dateigrößen, indem es Daten wegwirft. Dies wird als "verlustbehaftete" Komprimierung bezeichnet, da Sie die ursprünglichen unkomprimierten Daten niemals zurückbekommen können. Die Komprimierung ist auch für Fotos optimiert, bei denen kontrastreiche Kanten ungewöhnlich sind. Wie in anderen Antworten erwähnt, ist dies eine schlechte Wahl für alles andere als Fotos.

Alpha / Transparenz

Alpha bezieht sich auf Transparenz, impliziert jedoch, dass es mehr als eine Transparenzstufe gibt. GIF kann transparente Pixel definieren, ist aber entweder undurchsichtig oder 100% transparent, und "transparent" wird als eine der 256 Farben verwendet. PNG und BMP haben die Fähigkeit, jeden Pixel als undurchsichtig, transparent oder teilweise transparent wie ein Stück farbiges Glas zu kennzeichnen. Am häufigsten gibt es 256 Transparenzstufen, obwohl PNG tatsächlich bis zu 65.536 Stufen haben kann. JPEG unterstützt keine Transparenz.

Animation

Tatsächlich unterstützt von diesen Formaten nur GIF Animationen. Es gibt Spezifikationen für Animationen mit PNG (MNG, APNG) und JPEG (MJPEG), diese werden jedoch nicht allgemein unterstützt. (APNG funktioniert in neueren Versionen von Firefox und Opera.) In der Praxis sind die meisten Animationen, die Sie auf Webseiten sehen, in Flash implementiert.

• Verwenden Sie GIF, wenn das Bild wenige Farben hat (z. B. Symbole). Kann auch für animierte Bilder (wie Werbebanner) verwendet werden.
• Verwenden Sie JPG, wenn das Bild viele Farben hat (z. B. Fotos). JPEG ist das Gleiche.
• Verwenden Sie BMP, wenn Sie das Bild ohne Komprimierung speichern möchten. Viel größere Dateigröße!
• Verwenden Sie PNG, wenn Sie das Bild im Internet veröffentlichen und auf dem neuesten Stand sein möchten. Vorteile: Geeignet als moderner Ersatz für GIF und JPG, ist ein offener Standard und ermöglicht Transparenz. Nachteile: Wird nicht von älterer Software unterstützt und die Dateigröße kann größer sein als bei vergleichbaren GIF- oder JPG-Dateien.

BMP:

• Old format. No loss of data.
• Not compressed - Stores value of each pixel. Hence pictures of the same dimensions have same filesize (kilobytes/megabytes). E.g., 800×600 BMP images are always 1.37 MiB like the popular WinXP wallpaper "Bliss" rolling hills.
• Transparency/translucency not supported
• Not recommended for anything

JPG:

• Lossy compression.
• Loss amount can be set, e.g., while creating a graphic & saving in Photoshop.
• Saving as higher quality means less loss of colours/depth and high filesize, and vice versa.
• Transparency/translucency not supported
• Recommended for photographs, not for graphics/icons

PNG:

• Lossless compression (yeah, best of both WORDS/worlds)
• Supports transparency AND translucency, both are different
• Recommended for static graphics/icons, not for photographs

GIF:

• Supports transparency but not translucency
• Recommended for ANIMATED graphics/icons only
• Maybe the moving photographs in frames in Harry Potter are GIFs :D

BMP verwendet entweder Rohbits mit kleinem Header oder Lauflängencodierung . JPEG verwendet Discrete Cosine Transformation . Weitere Informationen zu Kompressions- / Kodierungsalgorithmen finden Sie im Block an der Unterseite der Wikipedia-Artikel.

Einfache guid:

• Für Fotos verwenden Sie:
  • Kameraspezifische Rohformate, wenn Sie über professionelles Equipment verfügen und viel Nachbearbeitung durchführen möchten
  • JPEG ansonsten (für die Veröffentlichung von Fotos im Internet müssen Sie auch die Rohformate in JPEG konvertieren)
• Für alles mit scharfen Kanten, feinen Linien und wenigen Farben (z. B. Screenshots oder Logos) verwenden Sie:
  • GIF, wenn Sie eine Webseite erstellen, die sehr alte Browser unterstützen muss (hauptsächlich IE 6), oder wenn Sie einfache Animationen erstellen möchten
  • Sonst PNG
• Es gibt keinen guten Grund, BMP zu verwenden, es sei denn, ein bestimmtes Programm akzeptiert keine anderen Formate.