Ссылка дня: превратите любое изображение в «чистую CSS-картинку»

Разработчик из мексиканской «маркетинговой платформы» VoxFeed Хавьер Боркес создал инструмент, который превращает любое изображение в «чистое CSS-изображение».

Исходное изображение«Чистое CSS-изображение»Увеличенный элемент «CSS-изображения»Код

Сайт разбивает изображение на пиксели, высчитывает для каждого из них значение цвета в палитре RGB, а потом воспроизводит картинку по пикселям, добавляя к каждому тень с ранее полученным цветом. Код для рассчитанной картинки можно посмотреть ниже изображения. Расчёт для большой картинки может нагрузить процессор, поэтому Боркес предлагает переводить в CSS маленькие файлы.

Он признался, что создал img2css для демонстрации «мощи CSS» и, возможно, создания пиксель-арта.

Фотография: Flickr by Cross Duck