0

enter image description hereI usually create my icons and illustrations using GIMP. I'm sure everyone who uses GIMP knows that it pixelizes the images so when you get shapes that curve or are round, the edges appear jagged. I concocted a theory that, if I create these icons/illustrations at a high resolution (say 5000px +) that the jagged edges will appear less? is there some merit to this theory or am I just full of it? I would like to, finally, put this doubt to rest and to know the truth from someone who really knows

  • I use Gimp and no, the round edges are not jagged, when seen at nominal resolution. If I go pixel-peeping, I can see the anti-aliasing pixels, but this doesn't mean the edges are jagged. OTOH I see plenty of tutorials out there that don't handle edges properly so they appear jagged, but this can normally be avoided using the proper techniques. Maybe you could post an example picture so that we can agree on the jaggedness?? – xenoid Aug 14 '16 at 16:06
  • I uploaded an example image there with my original post. You can see where there are smooth areas but there are some not so smooth. – Daniel Baker Aug 15 '16 at 15:45
  • There are indeed places where the anti-aliasing is damaged: (1046, 422) or (1184,303) for instance, but how did it happen? If I re-create the black ring by bucket-filling a selection obtained from a path or from an Ellipse select, I get something much better... – xenoid Aug 15 '16 at 21:21
  • Actually I did use the Ellipse Select Tool from GIMP's toolbox to get the shape. – Daniel Baker Aug 17 '16 at 12:58
  • Strange because I get much better results wit the same tool... See i.imgur.com/HMLASs7.png (your image on top, the result of subtracting and inned circle selection from the outer circle selection at the bottom) – xenoid Aug 17 '16 at 22:00
3

It has to pixelize because the screen is made out of discrete pixels. To combat this is anti-aliases the image. Now there are many ways to do anti-aliasing. In essence you have a trade-of between ringing (to sharp) and blurring, and implementation factors such as speed memory consumption etc.

Now, there is some individual variation as to what anti-aliasing strategy you consider making a good result. It result is also affected by the display your using your mood, ambient color of the room, color calibration and what you were doing before you looked at the icon.

Now is it possible the rendering a big icon anti-aliases better? Yes, its possible. The typical vector graphics rasterizer is optimized for speed. They also often have a conflation issue (bug) that is caused by using coverage computation as alpha source and then alpha composing the image.

enter image description here

Image 1: Art optimized done in Illustrator (left), and linear Lanczos filtered (right)* see more discussion about this here.

This is a trade of however, you need to know what your doing and you lose control of the pixel values. So at extremely small scales it starts to work badly. Many icons have this property so it is not a universally good strategy for all cases.

1

If you design your icon or illustration or whatever it is at 5000 pixels and view it at 5000 pixels then you will have smoother curves, lines etc. Yes.

But. If you, for example, need a 32x32 pixel icon, design it at 5000x5000 pixels then reduce it in size to 32x32 pixels (or simply view it at 32x32 pixels) then the result will most likely be worse than if you had designed it at 32x32 pixels—Because you're relying on something else to do the reduction and decide what pixels fall where on the new pixel grid.

If you're intended output size is large then working even larger isn't really a problem but at small icon sizes it's best to have complete control over each pixel rather than letting some resizing algorithm decide what goes where.

  • That makes sense, I really prefer creating my icons at larger sizes. – Daniel Baker Aug 15 '16 at 15:47

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.