My Webshop

Backgrounds for Your Web Site
How NOT to Design a Web Page!
FREE RESOURCES - TIPS & HINTS

You will notice (unless you have your monitor set to very high resolution) that this page may be too wide
for your monitor. It may make you scroll back and forth - a definite no-no! You'll find the reason here.

A background image can add sophistication to your website. Of course, there are some 216 "web-safe" colors you can use, but these present a solid background. Solid can be better because it is less distracting. However, a muted or textured background can add that "extra something special" to your site.

You might take a look at our Virtual Web Design Workshop for some actual samples. You can generally right-click on the background of a web page or image (unless copyright protection prevents you from doing so) and save it to your own hard drive for your use.

This background image is only 4.05 Kb in size. It will load much quicker than the one below, and you can "tile" it so it seamlessly spreads out and down the whole page, as it does in this one portion of the page (also called a "cell.")

This image (above) is 40Kb - about 10 times larger and much slower to download.

Here is a nice background image. It's only 1.74Kb and is very, very small yet helps create
an impressive-looking page. Click on the red box (or this link) to see the difference!

The only drawback with the original is the way it extends so far to the right of the page (1248 pixels), but you can edit in in a photo program like PhotoShop or PaintShop Pro to trim the size down to a decent 800-pixel width, as I've done here.

Click on the image itself to see a page using it as a background.

NOTICE HOWEVER - that you would need to make adjustments to the vertical menu bar
at the left of the page. You could either change the text (and link) colors - or move the menu bar
over to the right (not a very good idea in this particular instance).

FREE SOURCES FOR BACKGROUND IMAGES

With that said, here are some useful tips and free resources:

For a much broader selection, go to Google.com and type in "free background image" or just click this Google link. You'll find about 17,000 returns on your search. Many of them may offer only one or two images, while others offer much larger collections.

Also, go to our Clip Arts page and try some of those links, as many free clip art websites also offer free background images.

TIPS & HINTS

Do not use distracting "busy" backgrounds such as this one at the right (despite it's relatively small 5Kb size). It makes it hard for the reader to concentrate on what you are trying to SAY, which is more important. Even the background you see in this cell is too busy for smaller type such as what you are reading - a solid light background would be better - so consider this page an example of what NOT to do!
Keep your background image size small, so it will download faster. You typically have 10 seconds before you start losing readers (visitors) - and that goes for the WHOLE PAGE, not just one picture.
If you must use a large background, adjust your web code so it loads in stages
Unless you have a very compelling reason not to do so, use the same background color or image on every page. It helps the reader know they are still on the same website; it gives your site continuity and uniformity. You don't buy books that have different colored pages, do you? Don't do the same to your website.
If you have the skill, the software and the patience, you can even create your own background - BUT make sure it's SEAMLESS - that is, the images match like well-hung wallpaper so you don't end up with chaos
Do NOT use screen wallpaper images for backgrounds - they are HUGE!!
Do NOT just link to a background on another website: (a) that website may change and your background will disappear, and (b) it uses up bandwidth on the other website and may make the site owner unable to continue the free service. Download it to your own computer and then upload it to YOUR website. P.S. It will also load faster from your site than if it has to be hunted down somewhere else on the Internet!

HOME PAGE - SECTION HOME PAGE - TOP OF THIS PAGE