Rendering scaled-down card images

Posted by user1065145 on Game Development See other posts from Game Development or by user1065145
Published on 2012-12-11T10:51:10Z Indexed on 2012/12/12 5:18 UTC
Read the original article Hit count: 378

Filed under:
|
|

I have high-quality SVG card images, but they drastically lose their quality when I downsize them. I have tried two ways of rendering cards (using Inkscape and Imagemagics):

1) Render SVG to high-res PNG and resize it then:

inkscape -D --export-png=QS1024.png --export-width=1024 QS.svg
convert QS1024.png -filter Lanczos -sampling-factor 1x1 -resize 71x QS71.png

2) Render SVG to image of proper size at once:

inkscape -D --export-png=QS71.png --export-width=71 QS.svg

Both approaches generate blurry card images, which looks even worse than old Windows cards. What are the best way to generate smaller card images from SVG sources and not to loose their quality a lot?

UPDATE: I am using Inkscape to render SVG -> PNG and ImageMagick then to downsize PNG. I've tried using convert -resize with couple of filters (Lanczos/Mitchell/etc), but result was pretty much the same.

Original: i.stack.imgur.com/O7mcY.png

71x raster: i.stack.imgur.com/btnaL.png

© Game Development or respective owner

Related posts about graphics

Related posts about image