Don Pedro's®             Capt. Peter - web design

Free Backgrounds

Free background pictures with some comments on how to use a background on your site.

These backgrounds are mainly intended for the use of my customers, but of course,
everybody can freely choose one of these. As long as you give the source.

Site Goldaward - Pakistani Maritime  International Association of Webmasters and Designers


Site Gold Awards for Excellence on the Web in 2004
Classification: Maritime, Marine, and Boating

This page is best in any browser

Last up-dated: Dec. 15, 2009

About Backgrounds in General

The background together with your logo is your distinctive internet "ID" separating your site from all other sites on the net. Choose a background that makes contrast with your logo, while at the same time gives harmony to the page.

There is some research indicating that an internet page with a white background gives an impression of containing less information than a page with some kind of coloured background. The latter one is perceived as more solid information wise (white = empty?).

A background picture is not a miniature of the whole background. When you use a background picture, the first one will come in the top left corner. Then the picture starts multiplying itself towards the right until the first row is full. After that the process continues row by row in the same way until the whole screen is full of a big number of pictures side by side and on top/below each other.

It can be a good idea to use the preview below before choosing your final picture. When you want a preview of the background full on your screen, click on the background picture name below the picture (i.e.: BG1, etc.). To get back to this page, please close the new window.

If you want to check picture file size put your mouse arrow on the picture.

If you have a dark blue background, your links cannot be seen - they will fade into the background (like BG1).

Subtle colours found in the nature are the most appropriate for backgrounds; blue (sky) and grey (cement, tree trunks) can be seen almost everywhere in the world - good second "runner-ups" would be yellow (sand) and green (grass and leaves). Be aware most colour blind persons cannot distinguish between green and red (See don Pedro's How to Choose your Website Colours).

Home   Site Map

Free Backgrounds

Free Pictures


Website Design Handbook


Computer Viruses and Worms

Hide Your E-mail Address


How to Choose Website Colours


How to Change my Pictures and Photos

Reduce Picture Size

Reduce Picture File Size

How Protect my Pictures


Webpage Optimization

SEO Check-List

Website Promotion

Search Engine Marketing

List of Search Engines


Website Design and Promotion Search
Powered by Google

Dark Blue, 3.6 kB
BG1


Blue, 4.4 kB
BG6a


Greenish blue, 2.7 kB
BG11a



Sea surface, 1.0 KB
BG16


Light orange, 1.5 KB
BG21


Blue water, 2.4 KB
BG26
Green and grey, 1.3 kB
BG2


Green texture, 4.1 kB
BG7a


Light yellow texture, 4.9 kB
BG12


Gray Chinese character, 1.6 KB
BG17


Greyish yellow texture, 2.0 KB
BG22


Bluish green, 0.4 KB
BG27
Very light yellow, 3.8 kB
BG3a


Water, 3.6 kB


BG8


Yellow mixture, 8.6 KB
BG13a


Night sky, 1.7 KB
BG18


Brownish yellow, 1.0 KB
BG23


Yellow, 0.3 KB
BG28
Gray, 3.2 kB


BG4b


Grey texture, 2.5 kB
BG9a


Blue sky, 4.5 KB
BG14


Yellowish brown, 6.0 KB
BG19


Green, 6.4 KB
BG24


Light grey, 1.9 KB
BG29
Light green mixture, 1.3 kB
BG5a


Orange, 7.3 kB
BG10b


Greyish mixture, 5.1 KB
BG15


Reddish brown texture, 12.4 KB
BG20


Reddish green mixture, 6.2 KB
BG25




Green yellow water, 1.4 KB
BG30

Pic's 6-7 are especially created for Don Pedro by www.backgroundcity.com/ as per special agreement. Backgroundcity have a thousand more background pictures.

Some more backgrounds will be added later. More free background sources:
www.freebackgrounds.com/
www.freebackgroundzone.com/
Web Clip Art Background Images

How To Choose and Use a Background

To take a background picture:
  • Most browsers: you put your mouse arrow on the picture you want, give a "right-hand-click" and choose "Save picture as ...".
  • Mac users: follow your browser's instructions.
  • AOL browsers: switch off picture file compressing function first, then follow "Most browsers".
You need only one background because you want to keep the same background and logo on every page.

If you copy a background picture without using my web design services, please add in your code immediately after your "Body tag": <!--Background picture from www.donpedrowebdesign.netfirms.com/free-backgrounds.html-->.

Instead of background picture, consider using a flat colour (blue, yellow, green, or whatever) by hexadecimal colour code or you can name your colour. The file size of your page is considerably smaller using colour code or colour name compared with a background picture. The picture often being about 3-5 KB while the code is negligible. When your page file size including pictures is small the download time will be very short.

Get tips on using the CSS background property.

When you use a background picture your code looks like this:
<BODY background="images/picture_name.gif">

If you use the hexadecimal code you use a slightly different code:
<BODY bgcolor="#......">
Instead of the dots you put the hex. number. If you want to use the colour name, then you don't use the number sign (#), just write colour name between quotation marks. The # sign tells your browser to use the hexadecimal code.

I recommend you choose a light background. The reason for this is: IF your visitor is sitting in a very brightly lighted room (office), then most probably the brightness on that computer has been turned down to give a better picture. If you have a slightly dark background it will grow even darker and may be your visitor cannot read your text anymore. If you have a light background more darkness doesn't matter because your text will also get darker! See also Don Pedro's How to Choose your Website Colours.

If you intend to take/"borrow" a picture from an other web site be careful about copyright. See Don Pedro's Picture Copyright on the Internet. Get an explanation of "fair use" and other copyright terms in connection with website content on the Internet.
Check Menu

If you choose a greyish background, avoid pictures in B/W. Your page would look too much like a newspaper.

Grey is a neutral colour, other background colours can change how your picture's colours look by a shade. Grey background is most suitable when you use pictures with very bright colours, for instance bright  red 

Locations of visitors to this page
Return to TOP

Last updated:
Dec. 15, 2009

Visitor counter

Since Sept. 19, 2003.
According to:
www.digits.com/

eXTReMe Tracker