13
\$\begingroup\$

I see lots of games with smooth edges characters and high res images, however when I try to reduce images to say 64x64 for my character I just get a pixelated mess. even if I start with a 64x64 canvas I get pixelated edges.

Should I be scaling with OpenGL? or is there some technique perhaps with photoshop or pixen that I am unaware of?

| improve this question | |
\$\endgroup\$
  • 1
    \$\begingroup\$ can you provide an visual example ? \$\endgroup\$ – tigrou May 3 '13 at 21:57
  • \$\begingroup\$ Related: Scaling down pixel art and vector art. \$\endgroup\$ – Anko May 3 '13 at 22:03
  • 4
    \$\begingroup\$ From your description, it would seem that the scaling algorithm you're using does nearest-pixel interpolation rather than the smoother Lanczos interpolation. Is that question about scaling down vector art helpful? \$\endgroup\$ – Anko May 3 '13 at 22:06
  • \$\begingroup\$ Yes that vector scaling answer is useful. Thanks for that. \$\endgroup\$ – Rhys May 3 '13 at 22:14
27
+500
\$\begingroup\$

Sounds like the scaling algorithm you're using isn't interpolating pixels.

Pictures are best explained with pictures:

scaling an image with different interpolations

It's the Major, first in full, then scaled down with Lanczos (left) and nearest-pixel (a.k.a. no interpolation) (right) to two sizes.

The same comparison, in 3x magnified:

detail view

Make sure the scaling you're using is resampling sensibly. For example, ImageMagick has a -filter Lanczos option.

It doesn't even need to be fancy Lanczos, in case your tools can't do it; cubic (leftmost) looks the same to me:

cubic on the left

| improve this answer | |
\$\endgroup\$
  • 1
    \$\begingroup\$ Thanks for taking the time to answer and show examples images. Much appreciated. \$\endgroup\$ – Rhys May 8 '13 at 19:31

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.