Grafik: Transparenz in ein GIF einbauen
Frage:
Wie machst Du aus einem Gif mit Hintergrund z.b. weiss
einen transparenten Hintergrund?
Antwort:
Im Prinzip erzeugt man einen transparenten (durchscheinenden) Hintergrund bei einem GIF-Bild,
indem eine Farbe des Bildes als "transparente Farbe" bestimmt wird. Fertig!
Vorgehen zum Erstellen eines Bildes mit transparentem Hintergund:
- Ein Grafikprogramm nutzen, das das GIF-Format mit
transparenter Farbe bearbeiten kann (können die meisten Grafikprogramme, wie z.B. PaintShopPro).
- Von der Festplatte das zu bearbeitende Bild laden oder ein neues Bild erstellen.
- Eine der maximal 256 Farben als Transparenzfarbe festlegen.
Damit man die transparenten Bereiche beim Bearbeiten gut erkennen kann, definiere ich die Farbe,
die transparent werden soll immer als "bilduntypische" Farbe.
Also eine "krasse" Farbe, die im Bild normalerweise nicht vorkommt. Bsp.: Bei dem
netten lächelnden Herrn mit der Brille links oben wäre grün sehr bilduntypisch.
- Beim Erstellen des Bildes die Transparenzfarbe zunächst nicht verwenden.
- Ist das Bild fertig, dann die entsprechenden Bereiche mit der transparenten Farbe füllen.
- Das Bild im GIF-Format speichern und darauf achten, dass das Grafikprogramm das Bild
mit der Tranzparenzinformation abspeichert (einstell- und überprüfbar im "save"
oder "save as"-Fenster des Grafikprogramms oder bei den Farboptionen).
- Prüfen, ob's geklappt hat, durch Einbau des Bildes auf einer HTML-Seite per <img> -Tag.
Wird der Hintergrund der HTML-Seite im transparenten Teil des GIF-Bildes dargestellt, dann hat's funktioniert.
Hinweis:
Bei einer GIF-Animation muss der Hintergrund bei JEDEM Einzelbild festgelegt werden.