Vorteile von GIFs?

Buttons, Banner und Thumbnails werden meißt als GIF-File gespeichert… worin liegt der Vorteil von GIFs gegenüber JPGs…

  • GIFs können transparenten Hintergrund haben
  • GIFs können animiert werden

aber

  • JPGs haben mehr Farben
  • JPGs sind kleiner (Speicherplatz, Ladezeit)

Warum werden Buttons (ohne Transparenz und Animation) also als GIF gespeichert/abgelegt?

hai tino,

  • JPGs sind kleiner (Speicherplatz,
    Ladezeit)

SO kann man das aber nicht sagen!!! es kommt immer drauf an, was du machen/erreichen willst und wie die bilder aussehen. wenn du weißt, wie diese komprimierungsalgorithmen arbeiten, weißt du auch, wann es sinnvoll ist, welchen einzusetzen. (kann man in der einschlägigen literatur nachlesen - für ein posting hier erscheint mir das etwas aufwendig)

viele grüße
kerstin

Hi!

  • JPGs sind kleiner (Speicherplatz,
    Ladezeit)

Das stimmt nur, wenn das Bild viele Farben beinhaltet. Speichere mal ein Bild mit nur 2 Farben in GIF und in JPG. Da schneidet GIF wesentlich besser ab.
Also: Gezeichnete Icons mit wenigen Farben werden in GIF abgespeichert.
Photos mit vielen Farben in JPG.

Ciao
Kaj

GIFs komprimieren verlustfrei!!!

Gifs komprimieren am Besten, wenn man große einfarbige Flächen hat (Zeichnungen, eingescannter Text, Diagramme…), für Fotos sollte man dagegen jpeg benutzen, da man damit bessere Kompressionsraten erzielen kann, allerdings verlustbehaftet, was da allerdings nicht so auffällt.

Ciao,

Max

[Bei dieser Antwort wurde das Vollzitat nachträglich automatisiert entfernt]

Na da gibt es schon ein paar…
Hallo Tino.

GIF oder JPG-Grafiken?

GIF Grafiken werden dann verwendet wenn die Bilder weniger als 256 Farben haben. Das JPG (oder auch JPEG genannt) Format wird besonders häufig bei Fotos benutzt. Der Hauptunterschied der beiden Formate liegt in der verschiedenen Art der Komprimierung der Bilddaten, und in der Farbtiefe. GIF Bilder werden OHNE Qualitätsverlust komprimiert, wohingegen JPG-Dateien einen variabel einstellbaren Kompressionsfaktor besitzen. Bilder die im JPG-Format gespeichert wurden, können also erhebliche Unterschiede in Dateigrösse und Qualität besitzen. Es muss also individuell entschieden werden mit welchem Kompressionsfaktor abgespeichert wird.

Es ist oft sogar sehr sinnvoll eine Grafik in beiden Formaten zu speichern, um dann sehen welche kleiner ist. Bei JPG-Dateien bietet es sich natürlich an in verschiedenen Kompressionsfaktoren zu speichern, um dann das beste Verhältnis von Dateigrösse und Qualität auszuwählen.

Als Faustregel kann man aber sagen Buttons und Logos die flächige Farben haben sollten immer als GIF abgespeichert werden, und je nach Einsatzgebiet mit oder ohne Transparenz. Bei der Erstellung sollte auf die später verwendete Hintergrundfarbe geachtet werden. Fotos und Grafiken mit sehr vielen unterschiedlichen Farben sollte man als JPG abspeichern. Eventuell mehrere Kompressionsstufen testen.

Beispiele hierzu findest Du in einem kleinen Workshop zum Thema unter: http://www.instantinfo.de/1/index_web.html

Viele Grüsse,
Bernd.

Hi!

  • JPGs haben mehr Farben

Eben! Jedenfalls mal verainfacht gesagt. GIFs sind farbreduziert (auch da gibt es allerdings ‚individuelle‘ Komprimierungsstufen).

  • JPGs sind kleiner (Speicherplatz,
    Ladezeit)

Nicht unbedingt. Bei wenigen Farben, und die haben Buttons, Logos etc. in der Regel, werden die GIFs deutlich kleiner.

Martin

Nachteile von GIFs

Buttons, Banner und Thumbnails werden
meißt als GIF-File gespeichert… worin
liegt der Vorteil von GIFs gegenüber
JPGs…

Erstmal der große Nachteil: GIF wurde
von CompuServe eingeführt und beruht
aufgrund der verwendeten Komprimierung
auf einem Patent. Der Patentinhaber ist
nun vor einer Weile aufgewacht und möchte
von diversen Leuten, die GIFs mit seinem
Patent benutzen (das sind alle GIFs) di-
verse Patentgebühren in beträchtlicher
Höhe sehen.

Sowas sollte man nicht unterstützen.
Das ist das eine.

  • GIFs können transparenten Hintergrund
    haben
  • GIFs können animiert werden

yepp, yepp.

aber

  • JPGs haben mehr Farben

Nicht unbedingt. Ich schicke Dir gerne
ein schwarzes Demo-JPEG zu. :smile:

  • JPGs sind kleiner (Speicherplatz,
    Ladezeit)

Nicht richtig. Gerade bei JPEGs ist es
enorm wichtig, wie gut sie komprimiert
sind. Ich habe schon Webseiten gesehen,
bei denen die Authoren irgendwelche Bild-
schirmfüllenden Bilder wohl in „JPEG
100% Qualität“ abgespeichert hatten, so
daß sie Megabyte-groß waren, obwohl etwa
80kB (kilo-byte!) die gleiche Qualität
erbrachten (getestet). Hier ist immer auch
Mitdenken gefragt.

Warum werden Buttons (ohne Transparenz
und Animation) also als GIF
gespeichert/abgelegt?

Weil sie in der Regel kleiner sind und
von leistungsschwächeren System *viel*
einfacher dargestellt werden können.

JPEG zeichnet beim Bildaufbau erstmal
immer in 24bit. Das braucht enormen
Speicher und Rechenpower (im Vergleich).
Und dann muß – je nach Display – danach
auch noch wieder auf 256 Farben oder we-
niger heruntergerechnet werden. Da ärgert
man sich schonmal zu Tode, wenn es dabei
um vielleicht vierfarbige Buttons geht,
die man noch dazu mit GIF in einem Zehntel
des Speicherplatzes hätte unterbringen
können.

Fazit:

Für alles, was „RealLife“[tm]-Inhalte hat
(Landschaften, gescanntes, wichtige Farb-
verläufe in Logos etc.) JPEG benutzen,
bei einer Komprimierung von etwa 40…70%,
je nach Fall (siehst Du ja dann, ob es noch
nicht zu sehr verschwommen aussieht).

Für alles andre: PNG.

PNG ist ein freies (== ohne Patente) Grafik-
format, das vieles mit GIF gemein hat. Nur:
Es komprimiert besser (die meisten Bilder
sind kleiner) und unterstützt noch weitaus
mehr Farben. IE4 und Netscape unterstützen
es auch schon eingebaut. Komm’ mir jetzt
bitte nicht jemand mit „das kann mein alter Browser
XYZ ohne Plugin aber nicht“, denn das sind
oft dieselben, die kleine JavaScript-Skripte
noch gaanz toll finden.

Infos zu PNG findest Du beispielsweise
auf http://www.w3.org/TR/REC-png.html
oder http://www.cdrom.com/pub/png/

ciao,
johnny