Как менять размер иконок-спрайтов в sass сгенерированный в gulp.spritesmith?

Question

[frontendzzz]

Приветствую) Как вы меняете размер иконки сгенерированной в gulp.spritesmith? Он сгенерировал спрайт с иконками высота и ширина которых 32px на 32px. Мне нужна иконка высотой и шириной 50px на 50px

Answer 1

[Николай Шабалин]

Спрайт не svg? Если да, то никак.

А всё из-за того, что спрайт получается растровым. С помощью spritesmith вы обращаетесь к ячейке в спрайте и она 32x32, то есть вам надо растянуть растр да и ещё такой маленький. У вас как минимум всё замылится. Можно с помощью scale это сделать, но не стоит.

Answer 2

[Филипп Гапоненко]

Прошу прощения за небольшой оффтоп, может быть кто нибудь сможет сформулировать почему люди все еще используют спрайты несмотря на проблемы которые они приносят?
Из-за скорости загрузки, спрайты на самом деле дают такой прирост скорости, что мы можем сознательно пойти на:
1. Проблема описанная автором вопроса.
2. Проблемы субпиксельных вычислений в разных браузеров
3. Проблемы позиционирования когда пользователи меняют массштаб страницы.