Grafik / Bilder

[peter-alexander1]

Wie erstellt man Grafiken bzw. Bilder, deren Hintergrundfarbe sich der Hintergrundfarbe der Webseite automatisch anpassen?

[Jan Krüger]

Da gibt es zwei Möglichkeiten. Zum ersten GIF-Bilder, bei denen man in der Palette eine transparente Farbe festlegen kann, d.h. alles, was im Bild diesen Paletteneintrag benutzt, wird im Browser als durchsichtig angezeigt.
Problem mit GIF-Bildern: es geht nur ganz oder gar nicht durchsichtig -- 50% Transparenz ist nicht. Ein bekannter Effekt ist der Stufeneffekt -- die Ränder von transparenten GIF-Bildern sehen oft sehr hässlich aus. Außerdem ist der Kompressionsalgorithmus, den GIF benutzt, in einigen Ländern noch patentiert.

Alternative: PNG. Hier hat jeder Farbwert auch noch eine Alphakomponente, es ist also nahezu stufenloser Transparenzverlauf möglich. Problem hier: der Internet Explorer unterstützt Transparenz in PNG-Dateien nicht ohne Weiteres; man muss noch mit proprietären CSS-Eigenschaften einen bestimmten Direct-Show-Filter an das Bild binden. Wie das geht, wird u.a. in einem Artikel von A List Apart erklärt.