SVG to PNG conversion produces pixelated output with height and width values

When resizing svg files and converting them to png, the output is really pixelated if

• the svg file has a height and a width specified in pixels and
• the size it should be resized to is larger than these values.

I would expect svgs to be resized properly, no matter if a height and a width are specified.

Sample project

https://github.com/nikwen/sharp-demo/tree/svg-resize-height-width (make sure you are on the svg-resize-height-width branch)

Sample image conversion

Source (32x32px): https://github.com/nikwen/sharp-demo/blob/svg-resize-height-width/image.svg Result (512x512px): https://github.com/nikwen/sharp-demo/blob/svg-resize-height-width/out.png

[lovell]

Hello, did you see the density property to set the DPI at which to render vector images?

- sharp('./image.svg')
+ sharp('./image.svg', { density: 300 })

[mynameisrufus]

This is some super rough code that seems to work ok:

  let instance = sharp(params.buffer)

  const metadata = await instance.metadata()

  if (metadata.format === 'svg' && width && metadata.width && width > metadata.width) {
    let density = (72 * width) / metadata.width
    instance = sharp(buffer, { density: density > 2400 ? 2400 : density})
  }

  if (metadata.format === 'svg' && height && metadata.height && height > metadata.height) {
    let density = (72 * height) / metadata.height
    instance = sharp(buffer, { density: density > 2400 ? 2400 : density})
  }

  return instance.resize(width, height)