1

Whenever I export a vector to an image, and the image is not a multiple of the original vector canvas size, it is pixelated and over-anti-aliased in certain areas of the image.

An example: I started out drawing the Brackets icon as a vector on a 30x30 px canvas, and exported to 128px. You will notice that the 120px version is much sharper than the 128px version, because 120px is a multiple of 30 (the start dimension).

Why does this happen, and how can I avoid it?

4
  • what command are you using? What "image" format are you using?
    – Voxwoman
    Feb 22, 2015 at 4:12
  • And example image would help here.
    – DA01
    Feb 22, 2015 at 4:30
  • @DA01 I've updated my question with examples.
    – Elegant
    Feb 22, 2015 at 4:40
  • @Voxwoman I'm using .png image format.
    – Elegant
    Feb 22, 2015 at 4:40

1 Answer 1

3

The issue is pretty much as you state in the question. A pixel-sharp image requires that your drawing aligns with the pixel grid. If your original was 30x30, any multiple of that will produce a pixel-sharp image as 1px will be converted to exactly 2px, or 3px, or 4, etc.

128, however, is 4.26 times as large as 30. So 1 px in your original is now 4 and one quarter pixels. Since there aren't 1/4 pixels, that will fall on a whole pixel and have to be anti-aliased.

It actually looks fine given all of that. It's really blurred--just default anti-aliasing. But if you don't feel it's sharp enough, the only real fix is to design it at a multiple of 128 rather than 30.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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