assets-generator
assets-generator copied to clipboard
Generated icons have jagged edges
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:
But the 64x64 has wierd fringing in the top:
And the 192x192 also has it down the middle:
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.
This package uses sharp to generate the icons, I have no idea why this weird output, I Will check it on my local.
Sharp uses libvips to generate icons, which uses ImageMagick to parse SVGs, so probably ImageMagick bug: https://github.com/imagemagick/imagemagick