You probably often heard in this area pixelated metaphors and how hideous they look. Even this Awards Curriculum will take a lot of points from your score if your graphics have a “jigsaw-like” edges. In order to know how to avoid this rather unappealing look, we should initially know what causes the pixelation.
- The most commonly spread mistake is taking a graphic and enlarging it, high and mighty the quality will not get hurt. Depending on the software you use and the new size, the smooth edge will always get ruined. In fact, from my experience I can say that the only way to resize and keep the smooth edge is only when you decrease the image’s size and only if you do it in PhotoShop. Additional softwares, especially if you do not work in 16 RGB mode, tend to break the pixels’ structure.
- Another reason for low quality graphics could be: saving the image in .gif format, and not in .jpg. The .gif format supports 256 colours, while RGB saved as .jpg supports a wide palette of colors, with up to 16,000 hues. Therefore, if your image is rich colors, it is not recommended to save it in the .gif format.
- Third reason for causing approximate metaphors could be if you do not work with high quality photos, metaphors or brushes in the initially house. Taking a low pledge photo, especially if you are enlarging it to higher then 100% dimension, or low quality font / brush will
- But… what if you worked with 16 or 24 bit colour, save it in the .jpg format, opened it and it still has an tasteless edges… This could be a result of two things. Initially, if you do not use some cut-edge technology software, or second — if you use PhotoPhop or Paint Shop Pro, perhaps your saving settings are on “low” quality (“5″ or less).
There could be more reasons for the distortion of the image, such as: saving the image on a “transparent” background, painting the background after the icon or image was placed on the layer, or even unsuccessful change of colours using the “magic wand” for painting a particular area.
To sum it all, I would suggest effective on a colored background (if you know what affect your site’s background is going to be) and not on a transperant layer. Also, don’t work with low quality metaphors you got hold of, make either your own from the very beginning, or look for additional higher quality material. The .gif format allows you to make the graphic 3 times smaller by means of weight and loading time, though, if it comes a the cost of visual quality, better decrease your graphic’s size and keep it a small, high quality .jpg image, rather then a huge pixelated .gif.