Multimedia-Tutorial - GIF-Bilder

GIF ist eines der Hauptbildformate, die im Internet verwendet werden.

Dieser Artikel erläutert detailliert die Eigenschaften und Verwendungstipps von GIF-Bildern.

Verständnis der Bildformate

Sowohl HTML als auch XHTML regeln kein offizielles Bildformat. Allerdings haben populäre Browser bestimmte Bildformate spezifiziert: In der Regel sind dies GIF und JPEG. Die meisten Multimedia-Formate erfordern spezielle Hilfsanwendungen, und jeder Benutzer eines Browsers muss diese Anwendungen erhalten, installieren und korrekt verwenden, um diese speziellen Dateien anzuzeigen oder zu hören. Daher ist es nicht verwunderlich, dass GIF und JPEG zu den tatsächlichen Standards im Internet geworden sind.

Bevor das Internet aufkam, wurden diese beiden Bildformate bereits weit verbreitet verwendet, daher gibt es eine Vielzahl von Support-Software, die uns hilft, Bilder in diesen beiden Formaten zu erstellen. Allerdings haben diese beiden Formate各自 ihre Vor- und Nachteile, einige Browser nutzen ihre Eigenschaften, um spezielle Displayeffekte zu erreichen.

GIF

Das GIF-Format bezieht sich auf das Bild-Austausch-Format (Graphics Interchange Format, GIF), das ursprünglich von CompuServe für die Übertragung von Bildern für seine Online-Dienstebenutzer entwickelt wurde.

Eigenschaften des GIF-Formates

Das GIF-Format hat viele Eigenschaften, daher ist es in HTML/XHTML sehr verbreitet.

Die zweite Eigenschaft des GIF-Formates ist, dass es eine spezielle Komprimierungstechnik verwendet, die die Größe der Bilddateien erheblich verringert, was eine schnellere Übertragung im Netzwerk ermöglicht. Die GIF-Komprimierung ist eine

Darüber hinaus sind GIF-Bilder sehr einfach, Animationseffekte zu implementieren.

Versionen und Farben des GIF-Formates

Obwohl GIF-Bilddateien alle mit .gif (oder .GIF) als Dateinamenendung enden, gibt es tatsächlich zwei GIF-Versionen: das ursprüngliche GIF87 und GIF89a, das viele neue Funktionen unterstützt, einschließlich transparenter Hintergründe, Cross-Storage und Animationen, die in der Web-Entwicklung weit verbreitet sind.

Aktuelle Browser unterstützen beide GIF-Formate, die beide auf dasselbe Schema zur Zuordnung von 8-Bit-Pixelwerten zu einer Farbtafel zurückgreifen, so dass ein Bild maximal 256 Farben haben kann.

Die tatsächliche Anzahl der Farben in den meisten GIF-Bildern ist geringer, und spezielle Werkzeuge (wie Macromedia Fireworks) können diese Farben in feineren Bildern vereinfachen. Durch die Vereinfachung der Farben können kleinere Farbabbildungen erstellt und Pixel-Überlappungen gestärkt werden, um die Dateikomprimierung zu erhöhen und die Downloadgeschwindigkeit zu beschleunigen.

Trotzdem sind GIF-kodierte Bilder nicht immer geeignet, insbesondere für Bilder mit realistischer Bildwirkung wie Fotos. GIF kann verwendet werden, um sehr schöne Symbole und Bilder mit wenigen Farben und Zeichnungen zu erstellen.

Selbst sehr anspruchsvolle Creator wählen GIF

Da die meisten Grafikbrowser GIF-Format explizit unterstützen, ist es derzeit das am weitesten verbreitete Bildkodierungsformat im Web. Inline-Bilder und externe Links können dieses Format verwenden. Wenn Sie unschlüssig sind, welche Bildformatauswahl zu treffen ist, ist die Verwendung von GIF definitiv die richtige Wahl. Es kann fast in jeder Situation normal verwendet werden.

Techniken von GIF-Bildern

GIF-Bilder haben drei spezielle Techniken: Zeilenübergreifende Scannung (Interlacing), Transparenz (Transparenz) und Animation (Animation).

Zeilenübergreifende Scannung

Durch Zeilenübergreifende Scannung wird ein GIF-Bild auf dem Bildschirm sofort angezeigt, anstatt nach und nach von oben nach unten zu zeigen. In der Regel sind die durch GIF-kodierte Bilder eine Abfolge von Pixeldaten, die von der Oberseite bis zur Unterseite des Bildes in Reihen geordnet sind. Daher erscheint ein normales GIF-Bild auf dem Bildschirm, als würde man eine Gardine aufziehen, während ein GIF mit Zeilenübergreifender Scannung wie ein Rollladen gezeigt wird. Dies liegt daran, dass die Reihenfolge der Pixeldaten alle vier Zeilen wechselt. Der Benutzer kann mit einem Viertel der Zeit, die für das Herunterladen und Anzeigen des gesamten Bildes erforderlich ist, ein sehr vollständiges Bild von oben nach unten sehen, auch wenn es verschwommen ist. Dieses Bild, das nur ein Viertel des Bildes abdeckt, ist in der Regel bereits ausreichend klar, so dass Benutzer mit langsamer Internetverbindung beurteilen können, ob es notwendig ist, die restlichen Teile des Bildes herunterzuladen.

Obwohl alle Grafikbrowser隔行扫描 GIF anzeigen können, können nicht alle Browser das allmählich klare Effekt der隔行扫描 anzeigen. Selbst bei diesen Browsern können Benutzer durch die Auswahl der Anzeige nach vollständiger Download und Dekodierung des Bildes dieses Effekt unterdrücken. Alte Browser zeigen immer erst nach vollständiger Download und Dekodierung des Bildes an, daher wird dieser Effekt nicht unterstützt.

Transparenz

Eine weitere häufige Wirkung von GIF-Bildern (tatsächlich GIF89a-Formate) ist, dass sie es ermöglichen, einen Teil des Bildes transparent zu machen, so dass der Inhalt unter dem Bild (normalerweise der Hintergrund des Browsers) durch den transparenten Teil sichtbar wird. Transparente GIF-Bilder verwenden eine spezielle Farbe in der Farbkarte als Hintergrundfarbe, so dass der Hintergrund des Anzeigefensters durchkommt. Durch sorgfältige Schneiden der Bildgröße und die Auswahl einer nahezu reinen Hintergrundfarbe können transparente Bilder so gestaltet werden, dass sie so aussehen, als wären sie vollständig in die Webseite eingefügt oder darauf schwimmend.

Transparente GIF-Bilder eignen sich für alle, die ein Bild in das Dokument einfügen möchten, ohne dass es wie ein quadratisches Kästchen aussieht. Transparente GIF-Logos sind sehr häufig, wie transparente Symbole oder Drucksymbole usw. - jedes Bild mit einer beliebigen natürlichen Form kann dieses Effekt verwendet werden. Transparenz kann auch in traditionellem Text eingefügt werden, um spezielle Zeichensymbole anzuzeigen.

Ein Nachteil der Transparenzeffekte von GIF-Bildern ist, dass sie schlecht aussehen, wenn sie in einem Hyperlink-Aufsatz (Tag <a>) enthalten sind, ohne dass der Rahmen entfernt wird, oder wenn sie in einem Rahmen speziell eingeschlossen werden. Außerdem wird der umgebende Inhalt um den rechteckigen Rahmen des Bildes angezeigt, anstatt nahe der undurchsichtigen Kante des Bildes. Das Ergebnis ist, dass das Bild unnötig isoliert wird oder die Webseite sehr seltsam aussieht.

Animation

Der dritte Besonderheit des GIF89a-Formates ist, dass es einfache Zeilenanimationen ermöglichen kann. Durch die Verwendung spezieller GIF-Animationstools können eine Reihe von GIF-Bildern in einer einzigen GIF89a-Datei zusammengefasst werden. Der Browser zeigt nacheinander jedes Bild aus der Datei an, so wie wir früher einmal durch schnelles Blättern kleine Bücher mit Animationseffekten betrachtet haben (oder selbst gezeichnet haben). In GIF-Dateien gibt es spezielle Kontrollbereiche zwischen jedem Bild, die verwendet werden können, um die Anzahl der Male, für die die gesamte Sequenz (Schleife) im Browser angezeigt wird, die Wartezeit zwischen zwei Bildern, sowie ob der Bildbereich im Hintergrund vor der Anzeige des nächsten Bildes bereinigt wird, usw. zu setzen. Durch die Kombination dieser Eigenschaften mit den GIF-typischen Eigenschaften (einschließlich separater Farbtabellen, Transparenz, Interlacing usw.) können sehr attraktive und detaillierte Bilder erstellt werden.

Ein weiterer wichtiger Grund für die starke Wirkung einfacher GIF-Animationen ist, dass man keine Programme speziell für HTML-Dokumente schreiben muss, um Animationseffekte zu erzielen. Aber es gibt auch einen großen Nachteil: Sie sind auf sehr kleine Grafiken begrenzt, die wie Symbole sind, oder sie nehmen nur einen sehr schmalen Streifen im Browserfenster ein: Selbst wenn man vorsichtig ist und keine statischen Teile in den kontinuierlichen Animationseinheiten wiederholt, werden GIF-Animationen sehr leicht groß. Wenn also mehrere Animationen im Dokument enthalten sind, könnte die Zeit, die für das Herunterladen dieser Bilder benötigt wird, den Benutzer sehr ärgerlich machen. Wenn es eine Eigenschaft gibt, die wir sehr sorgfältig und nicht missbrauchen sollten, dann ist es die GIF-Animation.

Zusammenfassung

Die einfachen GIF-Animationen haben eine starke Wirkung, weil sie einen anderen wichtigen Grund haben: Man muss keine Programme speziell für HTML-Dokumente schreiben, um Animationseffekte zu erzielen. Aber es gibt auch einen großen Nachteil: Sie sind auf sehr kleine Grafiken begrenzt, die wie Symbole sind, oder sie nehmen nur einen sehr schmalen Streifen im Browserfenster ein: Selbst wenn man vorsichtig ist und keine statischen Teile in den kontinuierlichen Animationseinheiten wiederholt, werden GIF-Animationen sehr leicht groß. Wenn also mehrere Animationen im Dokument enthalten sind, könnte die Zeit, die für das Herunterladen dieser Bilder benötigt wird, den Benutzer sehr ärgerlich machen. Wenn es eine Eigenschaft gibt, die wir sehr sorgfältig und nicht missbrauchen sollten, dann ist es die GIF-Animation.