Изображения в css файле

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

Известно 2 пути решения этой проблемы:
1. Объединение изображений в спрайты, когда разные картинки в одном файле идут одна за другой, а в css мы просто указываем background-position.
2. Включать файл картинки в закодированном виде прямо в css файл.

Здесь http://websemantics.co.uk/online_tools/image_to_data_uri_convertor/ можно воспользоваться удобным сервисом для кодировки картинок.

0 comments so far:

Отправить комментарий

  • HTML-теги запрещены
  • Строки и параграфы переносятся автоматически.

Подробнее о форматировании

Image CAPTCHA