Einleitung    Suchmaschinen und Metatags    Bilder

Bilder

Die Bildformate gif, jpg, tif, bmp und png werden von jedem Browser angezeigt. Da tif, bmp und png keine große Komprimierung haben, werden normalerweise nur gif und jpg eingesetzt.

1.) Bildformate
2.) Bilder in HTML
3.) Bilder mit Hyperlink
4.) weitere Informationen

1.) Bildformate

1.1) JPG
JPG für Fotos, und große Grafiken. Komprimiert wird indem die Pixel zu großen gleichfarbigen Flächen zusammengefasst werden (Weichzeichnen).

Das Foto rechts ist 10KB groß, und man sieht bereits Pixel an den Fliesenfugen.

1.2) GIF

GIF

 eignet sich für Zeichnungen, kleine Bilder, Buttons und alles mir scharfen Linien. gif können Animiert oder transparent dargestellt werden. Komprimiert wird indem nur die benötigten Farben gespeichert werden.

1.3) transparentes GIF
transparent GIF Hierbei wird eine Farbe als transparent definiert wie bei einer Bluebox.

1.4) Animiertes GIF
Ani GIF besteht aus mehreren gif Bildern, die in einer Schleife abgespielt werden.

1.5) PNG
PNG für CAD-Zeichnungen und Karten, kann aber nicht so gut komprimieren wie gif und wird daher selten empfohlen.

1.6) BMP
BMP Alle Pixel werden ohne Komprimierung 1:1 gespeichert. bmp erreichen sehr schnell Megabytegröße und sind fürs Internet ungeeignet.

1.7) Flash
umfangreiche Mischung aus Programmiersprache und Grafik. Für Flash braucht der User ein Browserplugin wie z.B. Macromedia Flashplayer.

2.) Bilder in HTML

<img src="../bilder/haus.jpg" width=200 height=150 alt="Bauernhaus">

die Attribute zu <img> sind:
img Pflicht img = image = Bild
src Pflicht src = source
- als direkter Dateipfad: http://www.fuxsoft.de/bilder/banner.gif
- oder als relativer Dateipfad: ../bilder/banner.gif
wobei der Link auf ein übergeordnetes Verzeichnis (../) verweist, und dann im Verzeichnis Bilder das banner.gif sucht.
Normalerweise werden alle Links auf der eigenen Homepage relativ angegeben.
width und height Pflicht geben die Höhe und Breite des Bildes in Pixel an. Sollten die Angaben nicht mit dem Bild übereinstimmen, wird das Bild verzerrt dargestellt.
alt Pflicht Alternativtext, für keinen Alternativtext nimmt man: alt=""
border optional Rahmen des Bildes in Pixel
margin optional Rand des Bildes in Pixel

3.) Bilder mit Hyperlink

<a href="http://www.fuxsoft.de" target="_blank"> 
<img src="../bilder/haus.jpg" width=200 height=150 alt="Bauernhaus">
</a>

die Attribute zu <a> sind:
href Pflicht - als direkter Dateipfad: http://www.fuxsoft.de/bilder/banner.htm
- oder als relativer Dateipfad: ../bilder/banner.htm
wobei der Link auf ein übergeordnetes Verzeichnis (../) verweist, und dann im Verzeichnis Bilder das banner.htm sucht.
Normalerweise werden alle Links auf der eigenen Homepage relativ angegeben.
target optional den Link in einem anderen Frame oder neuen Fenster etc. öffnen
_self = im gleichen Frame
_blank = neues Fenster
_top = Hauptframe
_parent = übergeordnetere Frame
_framename = der Name des Frame

4.) weitere Informationen

selfhtml

Google Bildersuche