• 0

Icon Pixelization


Question

I have an icon that looks great in the 256 size, but after saving it, it gets pixelated at lower resolutions...Does anyone know how to fix this problem? I've included the PNG version of the icon...Thanks.

post-179461-0-78029800-1295816732.png

Link to comment
Share on other sites

7 answers to this question

Recommended Posts

  • 0

The icon at 256x256 is already fuzzy and blurry (aka horrible quality). Did you upscale this from a smaller resolution? You will be better off recreating this in Illustrator and then using that new source to resize.

Link to comment
Share on other sites

  • 0

The icon at 256x256 is already fuzzy and blurry (aka horrible quality). Did you upscale this from a smaller resolution? You will be better off recreating this in Illustrator and then using that new source to resize.

Thanks for the reply...Well I used the attached icon and edited it to take out the yellow exclamation point (seems like the icon is 72 x 72)...That may be why the quality isn't that great. I really only need it for that size or lower. I've tried so many different methods but I can't get it right...I'm going to keep trying but if there's a PS wizard that can do figure it out and/or give a shot at it, I'd appreciate it!

210px-Star_of_life_caution_svg.ico

Link to comment
Share on other sites

  • 0

As Cupcakes said, you are better off re-creating it in Illustrator to a vector. Then you can resize with no loss of quality what-so-ever.

The icon above already has way to much blurring and any re-sampling during re-sizing is going to be of poor quality.

Link to comment
Share on other sites

  • 0

As Cupcakes said, you are better off re-creating it in Illustrator to a vector. Then you can resize with no loss of quality what-so-ever.

The icon above already has way to much blurring and any re-sampling during re-sizing is going to be of poor quality.

I'm not sure how to do that, but I'm gonna give it a try...Thanks.

Link to comment
Share on other sites

  • 0

Hey majid,

With that image it's already pretty clean so if your not 100% comfortable with Illustrator you could try this and see how it goes converting the image to vector.

Vector Magic Bitmap to Vector

EDIT:

I just had a go converting your image and it works pretty well. However you might want to use the original smaller, clearer image as the conversion tool is having trouble identifying the head on the snake. I believe this is due to the low quality of the image.

Higher quality image = better conversion results

Link to comment
Share on other sites

  • 0

The image's original version is a proper vector anyway (it's an SVG file), it'd be better to use that than trying to rescale a PNG version of it.

That being said, the image will still be a pixelated blur since it's got too much detail, at 16x16 that just becomes noise.

Edit: Wait, where did I get 16x16 from? What size do you want it?

Link to comment
Share on other sites

This topic is now closed to further replies.
  • Recently Browsing   0 members

    • No registered users viewing this page.