*
  Мысли   Галерея   Проекты   Тексты  
  Мысли   Галерея   Проекты   Тексты  
Giver: картинки в цсс  (2018-03-27 12:46:54)

Делаю расширенике для хрома, с загрузками картинок из статики проблемы, поэтому мы делаем вот так:

#!/bin/bash
for a in *.png;do
    echo .`echo $a |sed 's/./_/'` '{' background:url(data:image/png';'base64,`base64 -w 0 $a`) no-repeat';}'
done > img.css

Pазмер всех картинок выростает из 57кб до 75, но кого это волнует сегодня? А если пожать гзипом, то получаем те же 58кб. Так что это даже быстрее загрузится. Прям статья на хабор готова!


Имя:
Комментарий: