Resize svg and output png file

I am sorry if it is obvious or has been answered before, but this code

await sharp(new Buffer(layersWithSvg[0].icon_svg))
  .resize(100, 100)
  .png()
  .toFile('./assets/icon.png')

for icon_svg with metadata

{ format: 'svg',
  width: 16,
  height: 16,
  space: 'srgb',
  channels: 4,
  density: 72,
  hasProfile: false,
  hasAlpha: true }

outputs very poor quality png. Seems like it is scaling rasterized svg. How to scale svg and convert to png correctly?

[lovell]

Hello, by default the SVG will be rendered at a density of 72DPI, which the metadata for this image suggests will be 16x16. Then resize(100, 100) will resize the 16x16 to 100x100, hence the problem you’ve encountered.

You can set the density parameter on the constructor to increase the size of the initial rendering.

If a density of 72 renders a 16x16 image, then a density of at least 72*100/16 = 450 will be suitable for rendering a 100x100 image.

sharp(new Buffer(layersWithSvg[0].icon_svg), { density: 450 })...

[ReFruity]

@lovell Thanks again, it halved sprite generation time, you are the best.