Привет,
Недавно с товарищем возник горячий спор по поводу того, нужно ли упаковывать иконки и мелкие картинки в base64. Специфика такова, что мы пишем phonegap + sencha touch 2 приложение, но также есть и сайт.
Он приводил доводы против этой практики:
1) увеличение размера CSS файла
2) увеличение времени на загрузку картинки (base64 декодирование)
3) неудобство работы с CSS, содержащим бинарные данные, неудобство при замене картинки
4) одна картинка может использваться во многих местах — придется для одной картинки делать общий стиль и потом каскадировать для отдельных элементов
5) картинки хорошо кешатся
6) его знакомые верстальщики впервые слышат об этом
Я же в опровержение:
1) уменьшаем количество запросов
2) избавление от бага, когда загрузка/отрисовка нескольких картинок происходит не одновременно (хотя можно группировать картинки в спрайты)
3) при использовании sass/compas избавляемся от необходимости вручную кодировать и вставлять картинки в css
4) принятая практика (смотри page speed, как делают в sencha touch)
5)
статья об этом на хабре
Может кто-нибудь поделится своим опытом и приведет аргументы за или против либо оспорит представленные мной доводы?
