Делаю адаптивную верстку и тут юрприз от дизайнера, разные размеры иконок под разные разрешения (не скажу, что их много, где-то около 3).
Иконки крупненькие и графические, тоесть в шрифт их не засунуть.
Собственно реализовал я эту штуку вот так (классика через спрайт):
...
.technology-icon.sencha {background-position: 0 280px;}
.technology-icon.phone-gap {background-position: 0 10px;}
.technology-icon.java {background-position: 0 135px;}
Теперь возникло 2 вопроса:
1) Стоит ли хранить 3 разных спрайта иконок под разные разрешения браузеров ?
2) Или есть смысл на каждую картинку организовать base64 и вынести все в отдельный файл ?
