Do's and don'ts with images:
- Anti-aliasing creates pixels in between the foreground and background colours that blend the two colours and smooth out the jagged edges. It works best with one coloured backgrounds
- Low resolution images cannot display fine details, so avoid them
- Good icons can be enlarged and reduced without losing legibility (like logos)
- Scan images as a high-resolution and save a high resolution version before reducing to 72 pixels per inch (ppi) on screen copy
- For onscreen use at same physical size, scan images at 150ppi if you plan to use at 72ppi on screen
- If enlarging, try scanning in at a proportionally higher resolution, e.g. images used at 300% of the original size should be scanned in at 450ppi. This way the images will be able to be re-used in other media, like print. It also means they are easier to resize
- It is critical that you reduce the size of your image before placing it in your interactive project, this means 72ppi for most of the viewing public. Larger images need longer download times
- Never take an image and increase its resolution - this makes it pixelate
- Current standard display resolution is 72ppi for Macs and 96 for Windows computers
- While it is true that great images will enhance a design, even the best images can not save a website that is riddled with other flaws
- Don't take a small image and stretch it to fill a whole background, doing so will cause the image to horribly degrade and show gigantic bitmapped edges
- Don't unify your images to the point that they all look the same. The goal is consistency, not to make everything look identical
- Remember - keep it simple.
No comments:
Post a Comment