Use of Images in Web Design

Images are very important in web site design. The selection of images can greatly affect the look and feel of a website. The correct selection of images can boost online sales. An image also leaves a stronger impression on us because our brain is more easily drawn to familiar real life objects rather than words.

A good image captures attention, conveys emotion and tells a story. An image can make a webpage really effective not only because of its quality as mentioned, but also how well it fits into the context of the page. Effective images need to have a focus. Except when striving for a particular effect, fuzzy, vague or blurry pictures look unprofessional. There should also not be too many elements in an image because it distracts the reader from knowing what the image is about. A Balance of contrast and brightness is also important. Contrast is important to make your main character in the image stand out.

If you are creating images to be used on a website, then Adobe Photoshop is a must have. It's the premier program for manipulating and creating website images. The creators of Photoshop realize that many web designers use the program, and they've made it easy to create and save web images.

There are many image formats in common use on web sites, the three most popular being GIF, JPEG, and to a lesser extent Flash content. There are pros and cons to both. Basically, gifs are best for simple graphics or line drawings. They can be created with a transparent background or used in simple animations and are often optimized by reducing the use of colors. The jpg format is better for photographs or full color images, but cannot be animated or used with a transparent background.

A graphic image or digital image has a limit of resolution, which is an image's height and width by pixels. The dpi (dots per inch) or ppi (pixels per inch) also determines the resolution of an image, but does not affect its file size. Web designers keep the resolution of images at 72 ppi not only because it produces a sharp image on a computer screen but also the picture will download quickly because the picture is not weighed down by the weight of pixels.

Anyone who knows anything about web accessibility knows that images need alternative, or ALT, text assigned to them. This is because screen readers can't understand images, but rather read aloud the alternative text assigned to them. Moreover, search engine robots can't see your images, so they also need AlT tags.

Images that are not properly optimized can slow down the opening of your web pages considerably, and a slow web site will cost you sales. Keep images and graphics as small as possible in file size. The larger the file sizes, the longer the images take to download.

About the author:

Nasir Mehmood is a Senior Web Marketing Executive at MechTechnologies.

MechTechnologies is a professional web design company that offers affordable custom web site design and development. Services we offer: Corporate web site design, E-commerce web site design, Content Management Software integration into existing web sites, Software Development.

We are always there to help you become owner of a great web site for affordable price. You can view our portfolio Click here

Back to Articles


Latest Projects