assets-generator icon indicating copy to clipboard operation
assets-generator copied to clipboard

Generated icons have jagged edges

Open atjn opened this issue 1 year ago • 2 comments

I am generating my icons with the minimal-2023 preset and the original icon is:

<svg style="height:100%;width:100%" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
  <path d="m3 3h26v6h-26z" fill="#C1CBFF"/>
  <path d="m5 9h22v18h-22z" fill="#D6DDFF"/>
  <path d="m15 3h2v24h-2z" fill="#8EA1FF" opacity=".7"/>
</svg>

The generated icons should look like this: image

But the 64x64 has wierd fringing in the top: image

And the 192x192 also has it down the middle: image

Even the 512x512 has it, although it is too small to notice. I don't understand how that happens, it seems to me like it would definitely produce a uniform color given that it is following a completely straight SVG line.

I haven't tried to see if I can find a setting that would make this go away, but even if there is one, I think the default settings should be changed to ensure that straight lines also look straight in the generated icons.

atjn avatar Jan 26 '24 09:01 atjn

This package uses sharp to generate the icons, I have no idea why this weird output, I Will check it on my local.

userquin avatar Jan 26 '24 10:01 userquin

Sharp uses libvips to generate icons, which uses ImageMagick to parse SVGs, so probably ImageMagick bug: https://github.com/imagemagick/imagemagick

cyberalien avatar Jan 27 '24 10:01 cyberalien