Sie sollten sich einiger Schlüsselfaktoren bewusst sein ...
Erstens gibt es zwei Arten der Komprimierung: Verlustfrei und Verlustbehaftet .
- Verlustfrei bedeutet, dass das Bild verkleinert wird, ohne die Qualität zu beeinträchtigen.
- Verlustbehaftet bedeutet, dass das Bild (noch) kleiner wird, was sich jedoch nachteilig auf die Qualität auswirkt. Wenn Sie ein Bild immer wieder in einem Lossy-Format speichern, wird die Bildqualität immer schlechter.
Es gibt auch verschiedene Farbtiefen (Paletten): Indizierte Farbe und Direkte Farbe .
- Indiziert bedeutet, dass das Bild nur eine begrenzte Anzahl von Farben (normalerweise 256), die vom Autor gesteuert werden, in einer sogenannten Farbkarte speichern kann
- Direkt bedeutet, dass Sie viele tausend Farben speichern können , die vom Autor nicht direkt 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 kaum bis gar keine Komprimierung, was bedeutet, dass das Speichern von BMP zu SEHR großen Dateien führt. Es kann sowohl indizierte als auch direkte Paletten geben, 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 von anderen Formaten nicht besser gemacht wird.
GIF - Nur verlustfrei / indiziert
GIF verwendet verlustfreie Komprimierung, dh Sie können das Bild immer und immer wieder speichern, ohne Daten zu verlieren. 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 in den meisten Anwendungsfällen maximal 256 verschiedene Farben enthalten kann. Das klingt nach einer kleinen Menge, und das ist es auch.
GIF-Bilder können auch animiert und transparent sein.
Geeignet für: Logos, Strichzeichnungen und andere einfache Bilder, die klein sein müssen. Nur wirklich 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 Lossy-Format, und das wiederholte Speichern derselben Datei führt dazu, dass im Laufe der Zeit mehr Daten verloren gehen. Es hat eine Farbpalette von Tausenden von Farben und eignet sich daher hervorragend für Fotos. Die verlustbehaftete Komprimierung wirkt sich jedoch schlecht auf Logos und Strichzeichnungen aus: Sie sehen nicht nur unscharf aus, sondern haben auch eine größere Dateigröße als GIFs!
Geeignet 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 ein paar Nachteile: Erstens kann es keine Animationen wie GIF unterstützen. 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 wie GIFs nur 256 Farben speichern.
Gut für: Das Wichtigste, was PNG-8 besser kann 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 und dabei die Transparenz beizubehalten. Eine Methode ist PNGQuant , eine andere Methode 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, mit der Ausnahme, dass PNG tatsächlich Bilder komprimiert, was zu 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 wirklich eine verwenden möchten.
Obwohl PNG-24 bei Komprimierung Tausende von Farben zulassen, sind sie nicht dazu gedacht, JPEG-Bilder zu ersetzen. Ein als PNG-24 gespeichertes Foto ist wahrscheinlich mindestens fünfmal so groß wie ein entsprechendes JPEG-Bild, wobei die sichtbare Qualität nur geringfügig verbessert wird. (Dies kann natürlich ein wünschenswertes Ergebnis sein, wenn Sie sich keine Gedanken über die Dateigröße machen und die bestmögliche Bildqualität erzielen möchten.)
Genau wie PNG-8 unterstützt PNG-24 auch Alpha-Transparenz.
SVG - Verlustfrei / Vektor
Ein Dateityp, der derzeit immer beliebter wird, ist SVG, das sich von allen oben genannten insofern unterscheidet, als es sich um ein Vektordateiformat handelt (alle oben genannten sind Raster ). Dies bedeutet, dass es tatsächlich aus Linien und Kurven anstelle von Pixeln besteht. 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:
Dies bedeutet, dass SVG perfekt für Logos und Symbole geeignet 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 so 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 so zu ändern, als würden Sie Text verwenden (dh Sie benötigen kein zweites Bild).
Ich hoffe das hilft!
