F
F
frontendzzz2018-06-19 16:56:21
Sass
frontendzzz, 2018-06-19 16:56:21

How to resize sprite icons in sass generated in gulp.spritesmith?

Greetings) How do you change the size of the icon generated in gulp.spritesmith? It generated a sprite with icons that are 32px by 32px high and wide. I need an icon 50px high and 50px wide

Answer the question

In order to leave comments, you need to log in

2 answer(s)
N
Nikolai Shabalin, 2018-06-19
@nikolayshabalin

Sprite not svg? If yes, then no way.
And all due to the fact that the sprite turns out to be raster. With spritesmith, you're accessing a cell in the sprite, and it's 32x32, so you need to stretch the raster and even that small one. At the very least, you'll be covered. You can do this with scale, but you shouldn't.

P
Philip Gaponenko, 2018-06-19
@filgaponenko

Sorry for a little offtopic, maybe someone can articulate why people still use sprites despite the problems they bring?
Due to the speed of loading, sprites actually give such a speed boost that we can consciously go for:
1. The problem described by the author of the question.
2. Problems of subpixel calculations in different browsers
3. Problems of positioning when users change page scale.

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question