Tips Using Images In Web Design

Often, novice web designers use images of excess in design, web consequences will be felt later when the load by the browser.

Although it is a great web graphics, but in designing a web page designer must pay attention to the content (content) of the

web, do not let you beat the functionality of the web is actually just because of the graphical display.

The use of graphics should be able to address the needs and functions of the site, eg the composition of colors and shapes, and

an impression that will be highlighted from the web, whether for commercial purposes? personal website? company? government? or

place an online gallery? and much more.

Use of graphics or images that are less precise on the web can be a result you will lose visitors that you actually need.

Use of Images On Web

The following is a list of web parts that usually wear pictures but many web designers who use the text for that section.

1. Navigation button

Navigation buttons are absolutely necessary in a web, with clear navigation buttons settings will help visitors find the information want, couple of things to consider in making paper or the navigation buttons are Text must be clearly visible and readable.

2. Logo

Be it a corporate logo, organization or personal logos often use images, logo serves as the identity of the company's image, a good logo can enhance the brand name of a company or organization.

3. Site Map

Use of site map is a picture can indeed be easier for visitors in search of information but the use of images in the site map should be selected properly if you become too long web or not.

4. Bullet

bullet is widely used to emphasis certain points in the document

5. Banner

Banner posted on the website with the aim to improve the composition of shapes, colors and information essential (Hot Items) is often used in the website, with graphics that will attract visitors interested to click on the banner. - Also known as a graphic title. Main function is to let your visitors know the which web

6. Boundary

The boundary line between the menu, the web, separator footer, header and content of both horizontal and vertical web fit for use as boundary lines usually have a smaller file size.

7. Background images

This section is used to provide characteristics, and composition of the contents and background on the web that will be made, provided that the image file that is used is not too big, background images fit for use.

8. Headings

The reason the image is used for the heading which most often is due to some type of text missing on the client computer, because it used an image file instead.

9. Photo

Photo of an activity or activities that highlight specific parts of the website is required, with a clear picture is expected to direct visitors to understand belongs to whom, for what the website was created, and the category if the web site. The use of photographs is often used to clarify the items and products on e-commerce website.

Some things to consider in the selection and use of images or graphics to appear harmonious to the web you make

are:

1. Color graphics should all match, be it the menu, or orgonasisasi company logo, header, footer and gackground used.

2. The color of the text navigation buttons should be clearly legible, note the size of the text to be entered on the navigation buttons, is it too small? if it is easy to read?, usually the color of text in a customized navigation buttons (not necessarily equal) to the logo or the color of the main title of the website

3. Do not use too much color combinations, because the color combination would seem garish excess and slow down the process of downloading the browser, simply use two to four combinations of colors in the website, except for a mascot or a specific icon.

4. Note the size of your website to any additional images or graphics, the most common size is 40 to 70 K, with an average of a 28.8 connection

5. Separate images have different color, this is the case in which there is a degradation of the graphics in color or two colors more. more either try to cut partially different colors, this can speed up the process of downloading images on the browser.

6. Choose the correct type of file, when you use gamabr jpeg file and when to use the gif, the selection of the proper type of file picture will speed up the process of downloading the browser.

Remember not to make use of graphical main function of the website are not met, if your website is too large due to the large size of the image file, change the background, the dividing lines, bullets, headings, and with HTML