Was ist der Unterschied zwischen "JPG" / "JPEG" / "PNG" / "BMP" / "GIF" / "TIFF" Bild?

Ich habe viele Arten von Bilderweiterungen gesehen, aber nie die wirklichen Unterschiede zwischen ihnen verstanden. Gibt es da draußen Links, die ihre Unterschiede klar erklären?

Gibt es Standards, die bei der Auswahl eines bestimmten Bildtyps für eine Anwendung zu berücksichtigen sind? Was verwenden wir für Webanwendungen?

Ja. Sie sind verschiedene Dateiformate (und ihre Dateierweiterungen).

Wikipedia-Einträge für jedes der Formate geben Ihnen eine ganze Reihe von Informationen:

• JPEG (oder JPG für die Dateierweiterung; Joint Photographic Experts Group)
• PNG (Portable Network Graphics)
• BMP (Bitmap)
• GIF (Graphics Interchange Format)
• TIFF (oder TIF für die Dateierweiterung; Tagged Image File Format)

Bildformate können in drei große Kategorien unterteilt werden:

• verlustbehaftete Komprimierung,
• Verlustfreie Kompression,
• unkomprimiert,

Unkomprimierte Formate nehmen die meisten Daten auf, sind jedoch exakte Darstellungen des Bildes. Bitmap-Formate wie BMP sind im Allgemeinen nicht komprimiert, obwohl es auch komprimierte BMP-Dateien gibt.

Verlustbehaftete Komprimierungsformate eignen sich im Allgemeinen für Fotos. Es ist nicht für Illustrationen, Zeichnungen und Text geeignet, da Komprimierungsartefakte beim Komprimieren des Bildes hervorstechen. Die verlustbehaftete Komprimierung codiert, wie der Name schon sagt, nicht alle Informationen der Datei. Wenn sie also in einem Bild wiederhergestellt wird, ist sie keine exakte Darstellung des Originals. Es ist jedoch in der Lage, Bilder im Vergleich zu verlustfreien Formaten sehr effektiv zu komprimieren, da bestimmte Informationen verworfen werden. Ein Paradebeispiel für ein verlustbehaftetes Komprimierungsformat ist JPEG.

Verlustfreie Komprimierungsformate eignen sich für Illustrationen, Zeichnungen, Text und anderes Material, das bei Komprimierung mit verlustbehafteter Komprimierung nicht gut aussehen würde. Wie der Name schon sagt, codiert die verlustfreie Komprimierung alle Informationen aus dem Original. Wenn das Bild also dekomprimiert wird, ist es eine exakte Darstellung des Originals. Da bei der verlustfreien Komprimierung kein Informationsverlust auftritt, kann in den meisten Fällen keine so hohe Komprimierung wie bei der verlustbehafteten Komprimierung erzielt werden. Beispiele für verlustfreie Bildkomprimierung sind PNG und GIF. (GIF erlaubt nur 8-Bit-Bilder.)

TIFF und BMP sind beide "Wrapper" -Formate, da die darin enthaltenen Daten von der verwendeten Komprimierungstechnik abhängen können. Es kann sowohl komprimierte als auch unkomprimierte Bilder enthalten.

Wann ein bestimmtes Bildkomprimierungsformat verwendet werden soll, hängt wirklich davon ab, was komprimiert wird.

Verwandte Frage: Große Bilder für das Web rücksichtslos komprimieren

Sie sollten sich einiger Schlüsselfaktoren bewusst sein ...

Erstens gibt es zwei Arten von Kompression: Lossless und Lossy .

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

Es gibt auch verschiedene Farbtiefen (Paletten): Indizierte Farbe und Direkte Farbe .

Mit Indiziert bedeutet dies, dass das Bild nur eine begrenzte Anzahl von Farben (normalerweise 256) speichern kann, die vom Bildautor ausgewählt wurden. Mit Direkt bedeutet dies, dass Sie viele tausend Farben speichern können, die nicht vom Autor ausgewählt wurden.

BMP - Verlustfrei / indiziert und direkt

Dies ist ein altes Format. Es ist verlustfrei (beim Speichern gehen keine Bilddaten verloren), aber es gibt auch wenig bis gar keine Komprimierung, was bedeutet, dass das Speichern als BMP zu SEHR großen Dateien führt. Es kann sowohl indizierte als auch direkte Paletten enthalten, aber das ist ein kleiner Trost. Die Dateigrößen sind so unnötig groß, dass niemand dieses Format wirklich verwendet.

Gut für: Nichts wirklich. Es gibt nichts, was BMP auszeichnet oder was andere Formate nicht besser machen.

GIF - Nur verlustfrei / indiziert

GIF verwendet verlustfreie Komprimierung, dh Sie können das Bild immer wieder speichern und verlieren niemals Daten. Die Dateigrößen sind viel kleiner als bei BMP, da tatsächlich eine gute Komprimierung verwendet wird, aber nur eine indizierte Palette gespeichert werden kann. Dies bedeutet, dass die Datei maximal 256 verschiedene Farben enthalten darf. Das klingt nach einer ziemlich kleinen Menge, und das ist es auch.

GIF-Bilder können auch animiert werden und sind transparent.

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

JPEG - Verlust / Direkt

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

Gut für: Fotografien. Auch Farbverläufe.

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 Animation wie GIF unterstützen (nun ja, aber nur Firefox scheint es zu unterstützen, im Gegensatz zu GIF-Animationen, die von jedem Browser unterstützt werden). Zweitens gibt es einige Support-Probleme mit älteren Browsern wie IE6. Drittens haben wichtige Software wie Photoshop eine sehr schlechte Implementierung des Formats. (Verdammt, 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 Transparency für PNG-8-Dateien nicht. (Verdammt, Photoshop!) Es gibt jedoch Möglichkeiten, Photoshop PNG-24 in PNG-8-Dateien zu konvertieren, wobei deren Transparenz erhalten bleibt. 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 Codierung mit direkter Farbe kombiniert (Tausende von Farben, genau wie JPEG). In dieser Hinsicht ist es BMP sehr ähnlich, außer dass PNG tatsächlich Bilder komprimiert, sodass viel kleinere Dateien entstehen. Leider sind PNG-24-Dateien immer noch viel größer als JPEGs, GIFs und PNG-8s. Sie müssen also immer noch überlegen, ob Sie wirklich eine verwenden möchten.

Obwohl PNG-24 bei Komprimierung Tausende von Farben zulassen, sollen sie JPEG-Bilder nicht ersetzen. Ein als PNG-24 gespeichertes Foto ist wahrscheinlich mindestens fünfmal größer als ein gleichwertiges JPEG-Bild, was die sichtbare Qualität kaum verbessert. (Dies kann natürlich ein wünschenswertes Ergebnis sein, wenn Sie sich nicht um die Dateigröße kümmern und das bestmögliche Bild erhalten möchten.)

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

Ich hoffe das hilft!

Im Allgemeinen sind dies entweder:

Verlustfreie Komprimierung Verlustfreie Komprimierungsalgorithmen reduzieren die Dateigröße, ohne die Bildqualität zu verlieren, obwohl sie nicht in eine so kleine Datei wie eine verlustbehaftete Komprimierungsdatei komprimiert werden. Wenn die Bildqualität über der Dateigröße liegt, werden normalerweise verlustfreie Algorithmen gewählt.

Verlustkomprimierung Verlustkomprimierungsalgorithmen nutzen die inhärenten Einschränkungen des menschlichen Auges und verwerfen unsichtbare Informationen. Die meisten verlustbehafteten Komprimierungsalgorithmen ermöglichen variable Qualitätsstufen (Komprimierung). Wenn diese Stufen erhöht werden, wird die Dateigröße verringert. Bei den höchsten Komprimierungsstufen macht sich eine Bildverschlechterung als "Komprimierungsartefakt" bemerkbar. Die folgenden Bilder zeigen die auffälligen Artefakte verlustbehafteter Komprimierungsalgorithmen. Wählen Sie das Miniaturbild aus, um die Vollversion anzuzeigen.

Jedes Format ist anders wie unten beschrieben:

JPEG JPEG-Dateien (Joint Photographic Experts Group) sind (in den meisten Fällen) ein verlustbehaftetes Format. Die DOS-Dateinamenerweiterung lautet JPG (andere Betriebssysteme verwenden möglicherweise JPEG). Nahezu jede Digitalkamera kann Bilder im JPEG-Format speichern, das 8 Bit pro Farbe (rot, grün, blau) für eine Gesamtlänge von 24 Bit unterstützt und relativ kleine Dateien erzeugt. Wenn die Komprimierung nicht zu groß ist, wird die Bildqualität nicht merklich beeinträchtigt, aber JPEG-Dateien werden bei wiederholter Bearbeitung und Speicherung durch die Generationen beeinträchtigt. Fotografische Bilder können besser in einem verlustfreien Nicht-JPEG-Format gespeichert werden, wenn sie erneut bearbeitet werden oder wenn kleine "Artefakte" (Fehler, die durch den JPEG-Komprimierungsalgorithmus verursacht werden) nicht akzeptabel sind. Das JPEG-Format wird auch als Bildkomprimierungsalgorithmus in vielen Adobe PDF-Dateien verwendet.

TIFF Das TIFF (Tagged Image File Format) ist ein flexibles Format, das normalerweise 8 Bit oder 16 Bit pro Farbe (rot, grün, blau) für 24-Bit- bzw. 48-Bit-Summen unter Verwendung des TIFF- oder des TIF-Dateinamens speichert . Die Flexibilität des TIFF ist sowohl Segen als auch Fluch, da kein einzelner Leser jeden Typ von TIFF-Datei liest. TIFFs sind verlustbehaftet und verlustfrei. Einige bieten eine relativ gute verlustfreie Komprimierung für Zwei-Ebenen-Bilder (Schwarzweiß). Einige Digitalkameras können im TIFF-Format speichern, indem sie den LZW-Komprimierungsalgorithmus für verlustfreie Speicherung verwenden. Das TIFF-Bildformat wird von Webbrowsern nicht allgemein unterstützt. TIFF ist im Druckgeschäft nach wie vor als Standard für Fotodateien weit verbreitet. Das TIFF kann gerätespezifische Farbräume verarbeiten, z. B. das CMYK, das durch einen bestimmten Satz Druckertinten definiert ist.

PNG Das PNG-Dateiformat (Portable Network Graphics) wurde als kostenloser Open-Source-Nachfolger des GIF erstellt. Das PNG-Dateiformat unterstützt Truecolor (16 Millionen Farben), während das GIF nur 256 Farben unterstützt. Die PNG-Datei zeichnet sich aus, wenn das Bild große, gleichmäßig gefärbte Bereiche aufweist. Das verlustfreie PNG-Format eignet sich am besten zum Bearbeiten von Bildern, und die verlustbehafteten Formate wie JPG eignen sich am besten für die endgültige Verteilung von fotografischen Bildern, da JPG-Dateien kleiner als PNG-Dateien sind. Viele ältere Browser unterstützen derzeit das PNG-Dateiformat nicht. Mit Internet Explorer 7 unterstützen jedoch alle modernen Webbrowser das PNG-Format vollständig. Das Adam7-Interlacing ermöglicht eine frühzeitige Vorschau, auch wenn nur ein kleiner Prozentsatz der Bilddaten übertragen wurde.

GIF GIF (Graphics Interchange Format) ist auf eine 8-Bit-Palette oder 256 Farben beschränkt. Dadurch eignet sich das GIF-Format zum Speichern von Grafiken mit relativ wenigen Farben wie einfachen Diagrammen, Formen, Logos und Bildern im Cartoon-Stil. Das GIF-Format unterstützt Animationen und wird immer noch häufig verwendet, um Bildanimationseffekte bereitzustellen. Es wird auch eine verlustfreie Komprimierung verwendet, die effektiver ist, wenn große Bereiche eine einzige Farbe haben, und für detaillierte Bilder oder Ditherbilder unwirksam ist.

BMP Das BMP-Dateiformat (Windows-Bitmap) verarbeitet Grafikdateien innerhalb des Microsoft Windows-Betriebssystems. In der Regel sind BMP-Dateien nicht komprimiert und daher groß. Der Vorteil ist ihre Einfachheit, breite Akzeptanz und Verwendung in Windows-Programmen.

Verwendung für Webseiten / Webanwendungen

Das Folgende ist eine kurze Zusammenfassung dieser Bildformate, wenn sie mit einer Webseite / Anwendung verwendet werden.

Quelle: Bilddateiformate

Da andere die Unterschiede abgedeckt haben, werde ich die Verwendungen treffen.

TIFF wird normalerweise von Scannern verwendet. Es erstellt riesige Dateien und wird in Anwendungen nicht wirklich verwendet.

BMP ist unkomprimiert und erstellt auch große Dateien. Es wird auch nicht wirklich in Anwendungen verwendet.

GIF war früher im gesamten Web verfügbar, ist jedoch in Ungnade gefallen, da es nur eine begrenzte Anzahl von Farben unterstützt und patentiert ist.

JPG / JPEG wird hauptsächlich für alles verwendet, was Fotoqualität hat, jedoch nicht für Text. Die verwendete verlustbehaftete Komprimierung neigt dazu, scharfe Linien zu beschädigen.

PNG ist nicht so klein wie JPEG, aber verlustfrei, sodass es gut für Bilder mit scharfen Linien geeignet ist. Es ist jetzt im Web gebräuchlich.

Persönlich benutze ich normalerweise PNG, wo immer ich kann. Es ist ein guter Kompromiss zwischen JPG und GIF.

JPG> Joint Photographic Experts Group

1 JPG-Bilder unterstützen 16 Millionen Farben und eignen sich am besten für Fotos und komplexe Grafiken

2 JPGs unterstützen keine Transparenz.

PNG> Tragbare Netzwerkgrafiken

1 Es wird als Alternative zum GIF-Dateiformat verwendet, als die GIF-Technologie urheberrechtlich geschützt war und eine Nutzungserlaubnis erforderlich war.

2 PNGs ermöglichen eine um 5 bis 25 Prozent höhere Komprimierung als GIFs und eine größere Farbpalette. PNGs verwenden zweidimensionales Interlacing, wodurch sie doppelt so schnell geladen werden wie GIF-Bilder. “

3 Bild, das viele Farben hat oder erweiterte variable Transparenz erfordert, PNG ist der bevorzugte Dateityp.

GIF> Graphics Interchange Format

1 Reduziert die Anzahl der Farben in einem Bild auf 256.

2 GIFs unterstützen auch Transparenz.

3 GIFs haben die einzigartige Fähigkeit, eine Folge von Bildern anzuzeigen, ähnlich wie Videos, die als animiertes GIF bezeichnet werden.

4 Wenn das Bild nur wenige Farben hat und keinen erweiterten Alpha-Transparenzeffekt erfordert, ist GIF der richtige Weg.

SVG> Skalierbare Vektorgrafiken

1 SVGs sind ein auf XML basierender Webstandard, der sowohl statische Bilder als auch Animationen in zwei Dimensionen beschreibt.

2 Mit SVG können Sie sehr hochwertige Grafiken und Animationen erstellen, die mit zunehmender / abnehmender Größe keine Details verlieren.

Diese Namen beziehen sich auf verschiedene Arten der Codierung von Pixelbilddaten (JPG und JPEG sind dasselbe, und TIFF kann nur ein JPEG mit einigen zusätzlichen Metadaten einschließen).

Diese Bildformate können unterschiedliche Komprimierungsalgorithmen, unterschiedliche Farbdarstellungen, unterschiedliche Fähigkeiten zum Übertragen anderer zusätzlicher Daten als des Bildes selbst usw. verwenden.

Für Webanwendungen würde ich sagen, dass JPEG oder GIF gut genug sind. JPEG wird aufgrund seines höheren Komprimierungsverhältnisses häufiger verwendet, und GIF wird normalerweise für leichte Animationen verwendet, bei denen ein Blitz (oder ähnliches) ein Over-Kill ist oder an denen transparenter Hintergrund gewünscht wird. PNG kann auch verwendet werden, aber ich habe nicht viel Erfahrung damit. BMP und TIFF sind wahrscheinlich keine guten Kandidaten für Webanwendungen.

Was Coobird und Gerald gesagt haben.

Darüber hinaus ist JPEG der Name des Dateiformats. JPG wird häufig als abgekürzte Dateierweiterung für dieses Format verwendet, da Sie für frühere Windows-Systeme eine Dateierweiterung mit drei Buchstaben benötigen. Ebenso mit TIFF und TIF.

Webbrowser zeigen derzeit nur JPEG-, PNG- und GIF-Dateien an. Diese können also auf Webseiten angezeigt werden.

PNG unterstützt Alphachannel-Transparenz.

TIFF kann erweiterte Optionen haben, z. B. Geo-Referenzierung für GIS- Anwendungen.

Ich empfehle, JPEG immer nur für Fotos zu verwenden, niemals für Bilder wie Cliparts, Logos, Texte, Diagramme, Strichzeichnungen.

Bevorzugen Sie PNG.

Die genannten sind alle Rastergrafiken, aber vergessen Sie nicht die immer wichtigeren Vectorgraphics. Es gibt komprimierte und unkomprimierte Typen (mehr oder weniger), aber sie sind alle verlustfrei. Am wichtigsten sind:

• SVG / SVGZ
• EPS
• EMF / ( WMF )

Die Dateierweiterung gibt an, wie das Bild gespeichert wird. Einige dieser Formate speichern die Bits einfach so, wie sie sind, andere komprimieren das Bild auf unterschiedliche Weise, einschließlich verlustfreier und verlustbehafteter Methoden. Das Web kann es Ihnen sagen, obwohl ich weiß, dass einige der Patienten-Responder sie hier skizzieren werden.

Das Web bevorzugt hauptsächlich GIF, JPG und PNG. JPEG ist das gleiche (oder sehr nahe) an JPG.

Für den angegebenen Unterschied und die Verwendung zwischen den verschiedenen Bildformaten haben wir oben bereits eine gute Diskussion.

Ich möchte jedoch etwas für den gesamten Prozess des Aufnehmens und Speicherns eines Bildes hinzufügen.

Der Erfassungsprozess

Oder Sie können den Konstruktionsprozess sagen (da wir jetzt mit Computern zeichnen oder Bilder machen können). Wenn Sie ein Foto mit einer Kamera aufnehmen, verwenden Sie bereits viele Sensoren (CCD oder CMOS) und Algorithmen (Bayer-Musterfilter, Unterabtastung und Quantisierung usw.). Es gibt auch Dinge wie Pixel Formatund Color Space. Nachdem Sie die grundlegenden Pixelinformationen erhalten haben, muss es eine Möglichkeit geben, diese zu speichern.

Die grundlegende Struktur der Bilddatei

Zum Speichern der Pixelinfo einer Datei benötigen wir eine Konvention und zugehörige Algorithmen. Um Platz zu sparen, gibt es eine Komprimierung, aber im Grunde besteht das Problem darin, die Pixel in Bytes zu codieren und die Bytes in Pixel für die Anzeige zu decodieren.

Eine typische Bilddatei kann aus mehreren Teilen bestehen, im Grunde zwei: meta data or file headerund pixel data section. Das meta dataerzählt über das Bild selbst, vielleicht heightund width, file formatusw. Und das pixel data sectionist der Reale, sectionder sich mit dem befasst real picture.

Speichern und Anzeigen

Wie bereits erwähnt, werden Dateien auf der Festplatte gespeichert und in Bytes / Bit angegeben. Bilddateien haben also keine Priorität, sondern auch tatsächlich Byte-Stream. Für die Anzeige sollten wir vielleicht etwas wissen, wie der Monitor funktioniert. Typische PC-Monitore verwenden das RGB-Modell für die Anzeige.

Hoffe das hilft:-)