Bildformate

Erdbeere als GIF, animiert — GIF-Bild, animiert. Keine Transparenz im Schatten.

Erdbeere als GIF — GIF-Bild, statisch. Keine Transparenz im Schatten.

Erdbeere als PNG8 — Png8-Bild, wie Gif, jedoch keine Animation.

Erdbeere als PNG24 — Png24-Bild: Transparenz im Schatten.

Erdbeere als JPG — JPG-Bild, keine Transparenz.

Erdbeere als SVG (Vektorgrafik) — SVG-Bild, statisch. Beliebig skalierbar.

Abbildung: Erdbeere — Abb. 1: Unsere beste Sorte.

Die Erdbeere

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Arbeiten mit Spritegrafiken

Unter "Spritegrafik" versteht man eine Grafik, deren Teilbilder mit Hilfe von CSS an die benötigte Stelle gesetzt wird.

Beispiel 1

400px x 300px

Die Grafik besteht aus vier Sprites. Am rechten Rand befinden sich
die aus der Spritegrafik positionierten Einzelgrafiken.

Sprite	Position
Cyan	x=0, y=0
Magenta	x=200px, y=0
Yellow	x=0, y=-150px
Black	x=200px, y=-150px

Arbeiten mit Spritegrafiken

Beispiel 2

200 x 184 px

Am rechten Rand befinden sich die aus der Spritegrafik positionierten Einzelgrafiken.