Převod Jpg a Png obrázků do CSS

Možná, že znáte CSS pastelky od Chrise Hestera. Jde o obrázek barevných pastelek vytvořený pouze pomocí 1452 divů.

Samozřejmě je to úplně k ničemu, protože výsledný obrázek zabírá mnohonásobně víc než předloha, ale mně se to tak zalíbílo, že jsem si hned vytvořil převodník Jpg/Png obrázku do CSS v PHP a nabízím vám zdrojový kód.

Můj script vygeneruje stránku s obrázkem a výstup je možné převést na stupně šedi. Barvy jsou v šestnáctkové soustavě a každý DIV zobrazuje 3 barvy – border-left, background-color a border-right.

Bohužel IE má problém s větším množství DIVů, od určité hranice je nezobrazuje, ale u menších obrázků funguje dobře. Ostatní prohlížeče problém nemají.

Berte to prosím pouze jako úchylnou ukázku toho, čeho lze dosáhnout v CSS a ne jako nástroj pro převod obázků.

Ukázka a zdrojáky

• Ukázka v PHP
• Zdojový soubor ke stažení (ZIP)