Bilder einbinden
    


Home

ZURÜCK  SITEMAP  

 Bildformate

Im WWW werden die Grafikformate GIF und JPEG und als neues Format PNG verwendet.

Vermeiden Sie es unbedingt Images im Bitmap-Format einzubinden. Der IE mag das Format ja anstandslos anzeigen aber neben diesem Browser gibts schließlich noch andere. Nach dem WOC ist das bmp-Format nicht vorgesehen!

Immer wieder wird gegen diese Konvention verstoßen. Ganz abgesehen davon, dass die Dateigröße für den Besucher nicht zumutbar ist, würden Sie sich als Webmaster disqualifizieren.


  Unterschiede GIF / JPG

Im JPG-Bildformat können bis zu 16,7 Mio Farben angezeigt werden.
Im GIF-Bildformat können maximal 256 Farben angezeigt werden.

Photorealistische Images werden im JPG-Format abgespeichert!

Fotoberarbeitungsprogramme bieten häufig die Option, die Images (speziell für die Darstellung im Web) in unterschiedlichen Qualitäten abzuspeichern. Bei einer Qualitätsminderung um 40% (Bildqualität 60%) vermindert sich die Dateigröße um beinahe 50%.

Bild rechts:

Dateigröße: 12,39 kB, Bildqualität: 60%
(100% Qualität wäre ca. 35 kB)
   
 


Weniger farbintensive Images (ähnlich Comics) werden im GIF-Format erstellt. Rechts sehen sie ein verfremdetes Image im GIF-Format. Die Darstellung mit nur wenigen Farben und die zwangsläufige grobe Abstufung ist gewollt. Hier wurde sogar auf die Darstellung von 256 Farben verzichtet. Das Image wurde mit 6 vorgegebenen Farben abgespeichert.



Dateigröße: 5,59 kB, Farben: 6
   





  Besonderheiten bei GIF-Dateien

Ein GIF-Image kann transparent sein.

Mit einem Grafikprogramm kann eine oder mehrere der 256 möglichen Farben als transparent bestimmt werden. In den Bildteilen erscheint das GIF-Image durchsichtig und der Hintergrund der Seite ist zu erkennen.    


Eine GIF-Datei (Format=89a) kann eine Animation enthalten.

Mit einem Animationsprogramm (z.B. Gif-Animator), können mehrere Bilder in einer Gif-Datei gespeichert werden. Diese werden nach dem Prinzip eines Daumenkinos dargestellt, wobei die Anzahl der Durchläufe und die Zeigedauer der einzelnen Bilder beliebig einstellbar ist.

Rechts eine (etwas holprige) Animation. Zur Demo sollte es reichen.

Bilddurchläufe: 9
Dateigröße: 6,79 kB
   




  PNG-Dateien

PNG-Bildformate (Portable Network Graphics) sollen die Eigenschaften von GIF und JPG kombinieren. Wie beim GIF ist hier Transparenz möglich. 8 und 24-Bit Farbtiefe stehen beim Speichern zur Auswahl. Außerdem können Bildinformationen mit dem Image abgespeichert werden.

Bild rechts:

Web-optimierte Grafik, 8 Bit, 29,2 kB
   







NACH OBEN