Bilddateiformate und deren Verwendung im Internet

gurkenstix

Grand Admiral Special
Mitglied seit
18.05.2007
Beiträge
2.794
Renomée
98
Bilddateiformate und deren Verwendung im Internet


die im folgenden untersuchten dateiformate sind:

.bmp - windows bitmap
.gif - graphics interchange format
.jpg - joint photographic experts group
.png - portable network graphics

.svg - scalable vector graphics




BMP
.bmp_352kB* .bmp_352kB*

bmp ist ein verlustfreies, praktisch unkomprimiertes format
welches, aufgrund der dateigröße, fürs i-net ungeeignet ist.
die dateigröße ist nur von pixelanzahl und farbtiefe abhängig.

_verlustfrei
_(nicht) komprimiert
_keine transparenz
_keine ebenen



GIF
.gif_ 5kB gif_ 91kB

gif ist verlustbehaftet, es speichert nur eine farbtiefe von 256 farben,
kanten werden nicht verschmiert.
gif kennt ebenen welche sich mit zeitvorgabe einblenden lassen (animierte bilder).

_verlustbehaftet
_komprimiert
_transparenz (nur 0 oder 100%)
_ebenen



JPG
.jpg_11kB .jpg_26kB

jpg ist, aufgrund der kompressionsmethode, grundsätzlich verlustbehaftet.
jpg verschmiert kanten

_verlustbehaftet
_komprimiert
_keine transparenz
_keine ebenen



PNG
.png_11kB .png_238kB

png ist nicht verlustbehaftet, verschmiert keine kanten
und erreicht bei strichzeichnungen eine geringe dateigröße.

_verlustfrei
_komprimiert
_transparenz
_keine ebenen




auf den ausschnittsvergrößerungen des halbtonbildes
sind die verluste der einzelnen formate deutlich zu erkennen.
.bmp .gif
.jpg .png

gif: reduzierung auf 256 farben
jpg: blockbildung und kantenverschmiere



ebenso auf denen der strichzeichnung
.bmp .gif
.jpg .png



gif kennt keine halbtransparenz sondern nur 0 und 100%
eine umwandlung von halbtransparenten bildern in gif führt deshalb zu problemen
[URL=http://www.directupload.net][/URL]





vektorgrafiken
werden, im gegensatz zu den oben angesprochenen bitmap dateiformaten,
nicht punkt für punkt abgespeichert sondern in form von kurven und positionen.
dadurch lässt sich eine vektorgrafik x-beliebig vergrößern ohne pixelig zu werden.
und das bei sehr geringer dateigröße
.svg* .png


das bild muß als vektorgrafik erstellt sein um deren vorteile zu nutzen.
es lassen sich zwar bitmapformate importieren,
jene werden aber innerhalb der vektorgrafik auch als bitmap abgespeichert.
eine umwandlung von vektorgrafik in bitmap ist möglich,
eine umwandlung von bitmap in vektorgrafik ist ebenso möglich aber nicht unbedingt sinnvoll.

multimediale inhalte und animationen sind möglich

die darstellung der schrift ist, da sie in diesem format als solche abgespeichert ist,
von den einstellungen im browser abhängig.

die freeware zum erstellen und bearbeiten einer solchen datei:
http://www.inkscape.org/

*
da .svg und .bmp von mir nicht hochladbar sind
gibts die komprimierten originaldateien zum download
http://s1.directupload.net/images/100502/w7pcd7te.pdf
(umbenennen in .rar)



gruß g.

edit:

zusammenfassung mit freundlicher hilfe von Dalai

BMP
  • Verlustfreie (Weiter)bearbeitung
  • Als endgültiges Speicherformat nicht wirklich geeignet

PNG
  • Screenshots oder andere Bilder mit (großen) gleichmäßigen Flächen
  • transparente (Hintergrund)bilder
  • Verlustfreie (Weiter)bearbeitung

JPG
  • Fotos mit natürlichen Farben (mehr als 256), Screenshots ausgenommen, weil die deutlich größere gleichmäßige Flächen haben, wo PNG seine Stärken ausspielen kann

GIF
  • animierte Bilder

edit2:
mit SVG kann man sowieso viel mehr machen als nur Bilder malen, da es ein XML-Format ist, ist es optimal, um es z.B. in Webseiten einzubauen. Beispiel: http://double.co.nz/video_test/video.svg
links eingefügt

dank an:
OBrian, Markus Everson

edit3:
titel geändert

edit4:
verlustbezeichnungen geändert


.
 
Zuletzt bearbeitet:
Klasse Post, vor allem mit den bildlichen Vergleichen! :)

Was mir noch fehlt: ein grober Überblick, welches Format sich für welchen Zweck am besten eignet. Ich bin mal so frei und ergänze das:

BMP
  • Verlustfreie (Weiter)bearbeitung
  • Als endgültiges Speicherformat nicht wirklich geeignet

PNG
  • Screenshots oder andere Bilder mit (großen) gleichmäßigen Flächen
  • transparente (Hintergrund)bilder

JPG
  • Fotos mit natürlichen Farben (mehr als 256), Screenshots ausgenommen, weil die deutlich größere gleichmäßige Flächen haben, wo PNG seine Stärken ausspielen kann

GIF
  • Graustufen- und Schwarz/Weiß-Bilder
  • Bilder mit wenigen Farben (max. 256)
  • Scan von (Text-)Dokumenten, um sie z.B. zu faxen

Wenn man diese Punkte beachtet, bleibt die Dateigröße klein und man hat dennoch wenige Verluste bzw. einen guten Erhalt der Qualität.

MfG Dalai
 
GIF
  • Graustufen- und Schwarz/Weiß-Bilder
  • Bilder mit wenigen Farben (max. 256)
  • Scan von (Text-)Dokumenten, um sie z.B. zu faxen
das kann png genauso oder besser

was png nicht kann:

GIF
  • animierte Bilder

ich werd das so anhängen, danke

gruß g.
 
Nicht zu vergessen, daß GIF auch animiert sein kann, daher die erste Wahl für kleine Animationen ist wie z.B. Smilies *elch**clap**baeh**noahnung**motz*

BMP, JPG und PNG können das nicht. SVG dagegen schon, mit SVG kann man sowieso viel mehr machen als nur Bilder malen, da es ein XML-Format ist, ist es optimal, um es z.B. in Webseiten einzubauen. Beispiel: http://double.co.nz/video_test/video.svg (Elemente lassen sich verschieben, vergrößern usw.)
 
damit hatte ich noch nichts zu tun
bis es halbwegs verbreitung gefunden hat lasse ichs mal draußen

das soll ein möglichst einfacher überblick über die gängigsten formate sein
für leute die sonst nichts mit bildern oder deren verwendung zu tun haben

danke für die info

gruß g.
 
Man könnte nocht TIF (TIFF) hinzunehmen da es zwar komprimiert (falls man das wünscht), aber nicht verlustbehaftet ist.
 
tif findet man meines wissens im netz eher wenig

gruß g.
Man liest in deiner Einleitung nicht dass das ein wichtiges Kriterium ist.

Ausserdem kann jede bessere Digitalkamera TIFF ausgeben, ist natürlich besser als jpg, aber nicht so gut wie RAW (aber da kocht jeder sein eigenes Süppchen, das ist dann wirklich irrelevant)



Wenn ich Bilder für die eventuelle Weiterverarbeitung speichere nehme ich TIFF, früher mal BMP. Oder eben PSD, aber das mag ja nicht jede Software, ist also eher 2. Wahl)
 
Grmbl, zu einfach. ;D


Aber was hat dann bmp da drin zu suchen? Das kommt im Netz kaum vor. Da hätteste auch gleich pcx usw. mit reinnehmen können.
Selbst die Bilderuploadseiten verbieten bmp oder wandeln es selbst nach jpg um.
 
weil bmp jeder kennt und es das windowsgrundformat ist
bis vor nicht all zu langer zeit konnte paint nur bmp ab

gruß g.
 
Schon ok so, es geht ja nur darum, daß Leute lernen, keine 28MB großen BMPs bei Imageshack hochzuladen. Und da BMP oft das Standardformat für Screenshots o.ä. ist, ist der Vergleich, wieviel man spart oder an BQ verliert, imho richtig.

JPG

* Fotos mit natürlichen Farben (mehr als 256), Screenshots ausgenommen, weil die deutlich größere gleichmäßige Flächen haben, wo PNG seine Stärken ausspielen kann
So nicht unbedingt zutreffend. Ich könnte Dir haufenweise Spielescreenshots machen, auf denen nirgendwo zwei gleiche Pixel nebeneinander sind. Für die Desktopoberfläche stimmt das natürlich, da sehen wegen der Verlustfreiheit die Schriften usw. auch besser aus. Und bei Bildqualitätsvergleichen (welchen Antialiasing ist besser oder sowas) muß es auch ein verlustfreies Format wie PNG sein.
 
Bei TIFF-Bildern auch darauf achten, die Bilder ohne Ebenen zu speichern, sofern sie nicht durch dritte nochmals bearbeitet werden sollen. Sonst lassen sich nämlich - ähnlich wie z.B. bei PSD (Photoshop) Dateien die Ebenen noch editieren.
 
Super Illustrierung!

Bei dem Punkt komprimiert / nicht komprimiert würde ich direkt angeben ob es sich um eine verlustbehaftete oder eine verlustfreie Komprimierung handelt.
 
das soll der punkt "_datenreduziert" ausdrücken

Verlustfreie Komprimierung ist doch auch irgendwie datenreduziert. *noahnung*

Wäre halt die fachbegrifflich korrekte Beschreibung und ist vll auch aussagekräftiger.
 
hmm - ansichtssache

ob die dateigröße oder die daten reduziert werden macht für mich einen unterschied

gruß g.
 
hmm - ansichtssache

ob die dateigröße oder die daten reduziert werden macht für mich einen unterschied

gruß g.
Ob die Daten reduziert werden ist irrelevant. Für diesen Aspekt sind die Informationen wichtig. Daten alleine sind vollkommen unnütz. Es geht um die Informationen, die darüber transportiert werden. Werden redundante Daten entfernt, ist das bzgl. der Informationen immer noch eine verlustfreie Reduktion.
 
Für die Desktopoberfläche stimmt das natürlich, da sehen wegen der Verlustfreiheit die Schriften usw. auch besser aus.
Genau auf die wollte ich hinaus ;). Spiele-Screenshots werden ja normalerweise vom Spiel selbst erzeugt und nicht mit den Mitteln des OS. Es hätte wohl besser formuliert werden sollen, aber ich hatte in dem Moment nicht an Spiele gedacht. Aber nun ist es ja geklärt ;).

MfG Dalai
 
Die BMP Dateien sind alles PNG?
 
Zurück
Oben Unten