2.12.2 Grafikformate

• 1 Allgemein
• 2 Das GIF-Format
• 3 Das JPEG-Format
• 4 Das PNG-Format
• 5 Das SVG-Format
• 6 Das LuraWave-Format

-

1 Allgemein

Die wichtigsten Grafikformate

• JPG = Joint Photographic Experts Group (Vereinigte Photoexperten-Gruppe)
• GIF = Graphics Interchange Format (Graphikaustauschformat

Die wichtigsten Eigenschaften von GIF und JPG

Eigenschaft	JPG	GIF
Anzahl Farben	16,7 Mio	256
Eignung	Fotos Bilder mit vielen Farben	kleine Grafiken Buttons animierte Grafiken
Möglichkeiten zur Animation	Nein	Ja
Möglichkeiten zur Kompression	Kompressions-Grad einstellbar	automatisch
Besonderheit/Anzeige	-	Anzeige erfolgt stufenweise, dadurch kann der Surfer früher erahnen, was für ein Bild kommt
Beschreibung	Ein jpg mit maximaler Qualität hat immer die beste Bildqualität. Ist sozusagen ein unkomprimiertes Bild. Das Problem ist, dass es ein unverantwortlich grosses Bild gibt. (Etwa ähnlich wie wenn man es in Paint als bmp abspeichert.) Nimmt man ein geringere Qualität so muss man auf seltsame Artefakte achten. Vor allem auf einfarbigen Flächen entstehen plötzlich so Schmierereien. Auch Schriftzüge sehen grauenhaft aus (sieht man oft auf schlechten Seiten)! Für Fotos immer jpgs. Qualität z.B. "Sehr Hoch", "Hoch" oder "Mittel", meistens "Hoch".	Gifs haben nur eine vordefinierte Anzahl Farben und sparen damit viel Dateigrösse. Dies ist für Fotos ungeeignet aber für Grafiken, Schriftzüge etc. (die ja oft nur ein paar Farben haben) ideal, weil das Bild scharf bleibt. Qualität: Selektiv, kein Dither, Anzahl Farben aussuchen (je nach Grafik).

Allgemeine Websites

• SELFHTML: Grafikformate für Web-Seiten
  SELFHTML: Allgemeines zu Grafikformaten für Web-Seiten

• Wikipedia de Grafikformat
  Wikipedia en Comparison of graphics file formats

-

2 Das GIF-Format

Aufzählung:

• GIF = Graphics Interchange Format = Grafikaustausch-Format
• GIF für Graphics Interchange Format (engl. Grafikaustausch-Format) ist ein Grafikformat mit guter verlustfreier Komprimierung für Bilder mit geringer Farbtiefe (bis zu 256 verschiedene Farben pro Einzelbild).
• Darüber hinaus können mehrere Einzelbilder in einer Datei abgespeichert werden, die von Webbrowsern als Animationen interpretiert werden.

• Wikipedia de Graphics Interchange Format
  Wikipedia en Graphics Interchange Format
  Wikipedia fr  Graphics Interchange Format

• SELFHTML: Das GIF-Format

-

3 Das JPEG-Format

• JPEG = Joint Photographic Experts Group
• JPEG ist die gebräuchliche Bezeichnung für die 1992 vorgestellte Norm ISO/IEC 10918-1 bzw. CCITT Recommendation T.81, die verschiedene Methoden der Bildkompression beschreibt.
• Die Bezeichnung "JPEG" geht auf das Gremium Joint Photographic Experts Group zurück, das die JPEG-Norm entwickelt hat.

• Wikipedia de JPEG
  Wikipedia en JPEG
  Wikipedia fr  Norme JPEG

• SELFHTML: Das JPEG-Format

-

4 Das PNG-Format

• PNG = Portable Network Graphics
• Portable Network Graphics (PNG, engl. portable Netzwerkgrafiken) ist ein Grafikformat für Rastergrafiken.
• Es wurde als freier Ersatz für das ältere, bis zum Jahr 2004 mit Patentforderungen belastete Format GIF entworfen und ist weniger komplex als TIFF.
• Die Daten werden verlustfrei komprimiert abgespeichert (im Gegensatz zur verlustbehafteten JPEG-Kompression).

• Wikipedia de Portable Network Graphics
  Wikipedia en Portable Network Graphics
  Wikipedia fr  Portable Network Graphics

• SELFHTML: Das PNG-Format

-

5 Das SVG-Format

• SVG = Scalable Vector Graphics = Skalierbare Vektorgrafiken
• Scalable Vector Graphics (SVG, deutsch Skalierbare Vektorgrafiken) ist ein Standard zur Beschreibung zweidimensionaler Vektorgrafiken in der XML-Syntax.
• SVG wurde im September 2001 vom W3C als Empfehlung veröffentlicht und ein Großteil des Sprachumfangs kann von den meistverwendeten Webbrowsern (prominentes Gegenbeispiel ist der Internet Explorer) von Haus aus dargestellt werden.

• Wikipedia de Scalable Vector Graphics
  Wikipedia en Scalable Vector Graphics
  Wikipedia fr  Scalable Vector Graphics

• SELFHTML: Das SVG-Format

• Scalable Vector Graphics (SVG)

• selfsvg.info: Grafikstandard SVG

• W3C Recommendation: Scalable Vector Graphics (SVG) 1.1 Specification

-

6 Das LuraWave-Format

• SELFHTML: Das LuraWave-Format

↑