Digitalfoto zu HTML & CSS auflösen

Es gibt eine Menge Möglichkeiten, Bilder zu bearbeiten oder zu verfremden. Mit dem Programm “jpeg2css habe ich vor kurzem eine neue interessante Variante entdeckt: Ein JPG-Bild wird in eine HTML-Datei überführt, wobei das Bild selbst in eine CSS-Beschreibung aufgelöst wird. Am Ende hat man nur eine HTML-Datei, das Original Bild wird nicht mehr benötigt.

Mit dem Programm jpeg2css kann man Bilder in HTML-Dateien transformieren.

Mit dem Programm “jpeg2css” kann man Bilder in HTML-Dateien transformieren. (Beispiele: Román Cortés)

Wie schon das vom Autor mitgelieferte Beispiel andeutet, ist der Einsatzbereich etwas eingeschränkt: Das Bild muß ein reines Schwarzweiß-Bild sein, also auch ohne Graustufen, und als JPG vorliegen. Entsprechend kontrastreich und plakativ sollte das Motiv sein, allzu feine Strukturen können nicht berücksichtigt werden.

Im Umwandlungsprozeß werden die schwarzen Flächen nach und nach mit kleiner werdenden schwarzen Scheiben abgedeckt bis so das gesamte Bild verdeckt ist. Daraus ergibt sich eine gewisse Unschärfe an den Rändern. Platzsparend ist die ganze Aktion übrigens auch nicht: Das Beispielbild ist ca. 13 Kilobyte groß, die HTML/CSS-Datei etwas über 44 Kilobyte — es sind eben eine ganze Menge Anweisungen notwendig. Trotzdem lädt diese Datei lokal sehr schnell.

Trotz aller Unzulänglichkeiten ist dies ein interessantes Programm, das zum Experimentieren einlädt. Man könnte durch Bearbeiten der CSS sicher noch ein bißchen Farbe ins Spiel bringen.

Das Video zeigt die Arbeitsweise des Programmes “jpeg2css”.

No Comments

No comments yet.

RSS feed for comments on this post. TrackBack URI

Leave a comment