Sachen gibt’s: Bilder im CSS als base64-Zeichenkette speichern

Juni 13th, 2007 10:04 Uhr von Ronald

Ab Version 2.1 der Cascading Style Sheets (Link) ist es möglich, dem url()-Wert nicht nur den Pfad/URI einer Grafikdatei zu übergeben, es können auch base64-kodierte Strings angegeben werden. Das hat den Vorteil, dass man die Datei nicht physisch auf dem Server liegen haben muss. Inwiefern man das richtig toll sinnvoll einsetzen kann, müsste man noch mal nachforschen. Jedenfalls habe ich mich gefreut, dass es geht bzw. gehen wird. Eine gelungene Überleitung: Der Firefox kann’s, der Internet Explorer (mal wieder) nicht. :-S

Ein Beispiel*:

background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQ
d1PeAAAADElEQVR42mP4%2F58BAAT%2FAf9jgNErAAAAAElFTkSuQmCC);

*Beispiel entnommen aus dem Acid2-Kompatibilitätstest

Teile und genieße Diese Icons verzweigen auf soziale Netzwerke bei denen Nutzer neue Inhalte finden und mit anderen teilen können.
  • Digg
  • del.icio.us
  • Netvouz
  • DZone
  • ThisNext
  • MisterWong
  • Wists

Geschrieben in CSS | 1 Kommentar »

1 Kommentar

  1. Sven Sagt:

    Die IE5-Hacks waren die Schlimmsten…
    Die IE6-Hacks waren auch die Schlimmsten…
    Die IE7-Hacks haben mir überhaupt keinen Spaß gemacht…
    Und beim IE8 habe ich etwas die Lust verloren…

    Mal sehen, was der Neuner bringt.
    Nur nicht aufgeben. ;)

Einen Kommentar abgeben

Bitte beachte: Die Kommentare werden moderiert. Dies kann zu Verzögerungen bei Deinem Kommentar führen. Es besteht kein Grund den Kommentar erneut abzuschicken.

*
To prove you're a person (not a spam script), type the answer to the math equation shown in the picture. Click on the picture to hear an audio file of the equation.
Click to hear an audio file of the anti-spam equation