Bildformate für das Web

Bilder müssen ein gültiges Webformat haben, sonst sind sie von den Browsern nicht darstellbar. Auf der sicheren Seite sind wir mit .jpg (.jpeg) und .gif.

JPEG: steht für Joint Photographic Experts Group. Das Format ist für detailreiche Bilder wie Fotots gut geeignet, denn es kann bis zu 16,7 Millionen Farben beinhalten. Es gibt qualitativ keinen Unterschied zwischen JPEG und JPG.

GIF: steht für Graphics Interchange Format. Das Format hat max. 256 Farben. Das .gif-Format bietet, im Gegensatz zum .jpg-Format, die Möglichkeit, bestimmte Bereiche einer Farbe transparent zu zu setzen. Bei der Komprimierung verliert ein .jpg-Bild an Qualität, bei der .gif-Version ist sie verlustfrei. Das .gif Format wird oft bei Bildern mit wenig Farben (Grafiken, Buttons, Logos, animierte Bilder) eingesetzt.

PNG: Grafikprogramme, wie Macromedia Fireworks können auch das Format .png erzeugen. Dieses Format wird im Web noch nicht so häufig verwendet. Für das Format spricht, dass man damit unterschiedliche Transparenzbereiche setzen kann. Es unterstützt wie .jpg 24 Bit Farbtiefe und damit Millionen von Farben. Da das Format .png von älteren Browsern nicht unterstützt wird, scheuen sich noch zahlreiche WebentwicklerInnen oder WebredakteurInnen davor, es zu verwenden.

Linktipps, für die, die noch mehr wissen möchten:

Dateigröße von Bildern im Web

Im Web sind kurze Bild-Ladezeiten sehr wichtig. Niemand möchte lange darauf warten, bis viel zu große Bilder endlich angezeigt werden. Deshalb müssen Bilder generell vor dem Einbinden in die Website komprimiert werden. Ladezeiten sollten im Web auch bei einer Ladegeschwindigkeit von 28,8 KBps (Analog-Modem) grundsätzlich niemals die 30 sec. - Grenze übersteigen. Idealerweise sollten postkartengroße Bilder nur um die 5-8 sec. Ladezeit benötigen. Kleinere Bilder oder Illustrationen sollten in 1-4 sec. zu sehen sein. Eine Bildauflösung von maximal 72 dpi reicht für das Web.

Topic revision: r2 - 22 Dec 2007 - 20:14:57 - HansJoergRanker

Warning: Can't find topic WissensWiki.WebLeftBar

 
This site is powered by the TWiki collaboration platformCopyright © by the contributing authors. All material on this collaboration platform is the property of the contributing authors.
Ideas, requests, problems regarding TWiki? Send feedback