Graphic Design Can Make or Break Your Web Site

We all want high impact graphics for our Web sites - Right.

Sometimes it is easy just to pick a template that comes included with a site builder and or hosting package.

There are also thousands of Free templates that you can download from the Internet.

But for those of us who want full control of our design and graphics, it is first a matter of sitting down and choosing your site design and color scheme.

Your site theme, design or layout will play a major part in the size and number of graphics you will use on your site. Somewhere along the process you will have to decide on how many and the quality of your graphic images.

Images used on websites are usually Gif and jpg or sometimes png and the odd bitmap image. Gif and Jpg images can be adjusted in quality and size to be a smaller file size to strike a balance between quick loading and image quality.

You may have an awesome graphic but if it takes 2 minutes to load on your page, you will notice by checking your Web site stats you will notice a difference between the number of page requests and pages viewed.

As the purpose of your Web site is to attract visitors and for them to make a positive decision either to request more info, join your Newsletter or to make a purchase, every lost visitor is a lost potential customer.

The header at the top image on a page often includes a logo or the name of the company or website. This is usually the largest image on a page. So if it is the full width of the page of 760 pixels wide, and depending on the height it may be worth considering cutting it into two pieces.

There are two reasons for dividing an image into smaller pieces, firstly having your image load faster as two separate pieces and secondly as many browsers load 5 images at one time, your header should load faster.

There are also webmasters who prefer all images to preload before displaying the complete page and some sites have two images for the one button, the image you see on first viewing the page and the image you see when you hover the mouse, cursor over or click on the button. Often with buttons that use two images these will be set to preload with the page so that they are loaded or stored ready for when you click the button.

Note that different browsers may load pages in a different order. as a webmaster it is good practice to check your page in Netscape, Internet Explorer, Mozilla Firefox and the Browser that Google is possibly going to introduce soon.

Your site layout may differ in appearance in the different browsers and some of the latest http versions and scripts will possibly not work in older versions on certain Browsers.

There is a balance to make your page quick to load and to be pleasant to the eye.

Many sites are using a very small image as a background image, for example if you are placing your buttons across the page you can create an image that looks like a raised bar but only one pixel wide. As an image of say 25 by 1 pixel it will load very fast as a background, once the browser loads this image one time, it then multiplies the image across the page.

Many sites use this background approach for their header, side bars and or their buttons and insert the logo as a normal image and the buttons are added as text links over the top of the background image.

Backgrounds are generally a small image that when loaded by your browser sits at the top left of the web page and multiplies itself across and down the page. A background image can be as small as 2 or 3 pixels square and up to full screen size.

The simplest are the thin lines usually of two colors. The more complex may include a water mark of the company logo.

TIP, The fewer colors or shades used in any image either as a background, header of banner the faster it will load.

Here is a list of images that form the first impression of anyone who visits your Web site. Make that first impression count.

  • Header
  • Logo
  • Buttons - bar
  • Side panels
  • Bottom bar
  • Background image
  • Product images
  • Banners

These images can be for decoration or they can tell a story. The old saying is still true in that a picture can tell a story that would normally take a thousand words to express.

Create an overall color scheme for your site, one that uses contrasting colors where text is used and a theme where images are used.

With Web site templates you can easily change image color and add text in many basic graphic editing programs, but to create your own images you may require a more professional program.

Adobe GoLive Web site editor and Adobe Photo Shop allow you to build your site and edit images. There is an Adobe package that includes other Adobe products, a very good package.

Macromedia also have a Web site and image editing package in Dreamweaver and Fireworks.

But there are many free Web site and image editing software available. I find that when editing images I use Adobe Photoshop and Fireworks for adding and embossing text.

Different software give different results. I use a Sony camera, when I compared the software supplied by Sony and Adobe I found that a photo downloaded to the Sony image editing software where an area of a photo 3 pixels wide was displayed in Adobe Photoshop it appeared at 7 pixels wide. I don't have any idea why this is but I now edit all my photos in Photoshop.

Here is a Template Directory listing free site templates, buttons, backgrounds, 3D text creator, clip art and scripts.

http://www.itsyournet.co.nz/free-web-templates.html

If you are using a template or image downloaded from the Internet check to see if there is a copy right or if the template or image is supplied for personal use only, i.e. not for commercial use as a business Web site.

When considering creating a Web site you also need to give some thought to the hosting. If your site is a graphics intense site and people are going to download lots of images you need to consider the hosting package as there are so many different sizes and band width packages supplied.

Your finished Web site must be appealing to your target market. If you are marketing products or services to Businesses your site should reflect a business atmosphere, as opposed to a gardening site where you can display images of garden gnomes, bags of fertilizer and flowers.

Remember every Pixel counts when editing quality images. But the opposite is true for quick loading Web sites.

May your week be a highly graphical one.

PETER GREEN.

Editor of ~ The INDEX ~ ezine.

Editor@Internet-income-index.com

http://www.Internet-Income-Index.co m

Your Free Weekly Internet Marketing News, Ideas, Resources and Sources Ezine.

What I Look For In a Website

As my occupation is that of a proofreader, one of the first things I look... Read More

Nine Effective Tips For Improving Your Website?s Usability

Web usability is perhaps the most important factor in any web design. This is the... Read More

Building Web Sites Using Web Templates

Gone are the days when you had to rely on a web-designer to design your... Read More

Keep Them Coming Back - Update Your Site

If you are anything like me, your website is a reflection of yourself. It contains... Read More

Increase Your Website Sales Instantly

If there's one thing that I've learnt so far, it's that nothing beats good copy.... Read More

Do You Really Need A Website?

Nope. You certainly don't need a website.But you don't need many of the things you've... Read More

Web Site Accessibility

Making your site accessible means making it available to be used by all. It's too... Read More

Through The Looking Glass

My mother used to take me along when she visited an old lady down a... Read More

How to Hire a Web Designer/Programmer for Your Website

Hire a designer or a programmer for your website is a daunting for any business... Read More

Cheap Web Design In London

Due to the large number of people offering web design services in London, there is... Read More

5 Website Design Tips to Make Your Site More Attractive

The question that I most frequently hear from people is "How can I attract thousands... Read More

Web Coach Tip: The Single Most Important and CRUCIAL Element of Your Web Site

Here's the single most important part of your website: YOUR WEB COPY! And remember: Your... Read More

Creating a Compelling Headline for Your Private Practice Website

Your home page is the most important page of your website. It is the one... Read More

Has Your Design Firm Run Amuck With Your Web Site?

What's happening to good web site design? Somehow we creative types at interactive and traditional... Read More

Is Your Website?s Copy Up to the Mark?

The Internet is a relatively new medium. What works for you in your printed offline... Read More

Choosing Form Over Function Kills Your Site

Never put form over function. Why? Because it's crucial that visitors actually be able to... Read More

Increase Sales on Your Website! Use Graphics!

How many times have you clicked on a website only to find a screen full... Read More

Making Good Websites that Stand Out

Websites, there's literally billions of them out there in cyber-space. How many of them do... Read More

Top Ten Website Design Secrets for Internet Marketing Success

When it comes to marketing your website, you should really work on the design... Read More

How To Create A Homepage That Works

Want to know what the worst thing to say on a homepage is?"Welcome to our... Read More

Concentrate On Web Content Instead Of Search Engine Optimization

For many webmasters the title of my article may seem like bad advice and contradict... Read More

Owning Your Own Web Site Is A Must

Owning your own website is a must if you are doing business on the Internet.There... Read More

When Good Computers Go Bad

Remember the day that you got your new computer (or the hand-me down from Uncle... Read More

A Crash Course on Graphic Philosophy 101

Novice and professional graphic designers, we are aware that you know the basic principles of... Read More

Small Business Website Design - How to Get Professional Results on a Shoestring Budget

Just because you are a small business with an even smaller website design budget, does... Read More

Increase Your Credibility With Web Site Awards

Web Site Awards are given from other sites to reward your site for a specific... Read More

Maximising Web Site Viewability - Resolution

This is my second article on maximising web site viewability. Analysing screen resolution data.With so... Read More

Got Web Traffic but Still Low Sales? Ten Ways to Selling Success - Part 1

Have you put a lot of effort, time, and money into your site and are... Read More

Why a Website Design Speaks Volumes About Your Company?

Whether a business has just got off the ground or has been established for years,... Read More

Let Your Website Make You $$$ While You Sleep! and All That Other B.S.!

Well, you've got your product, started your home business, and even have your website up... Read More

Turn Benefits Into Sales with Streaming Media

The "Wow" factor that accompanied the introduction of streaming media on the Web has long... Read More

How to Use Sliced Graphics to Layout Your Web Site

The problem with designing your site as a graphic, is that it would take too... Read More

An Ideal Home Business Home Page

From my personal experience of around two year as home business website operator as well... Read More

Flash Doesnt Always Add Shine to Web Efforts

The trend today to overuse animation in a website's opening pages only serves to confirm... Read More

How Do We Know When Its Time To Redesign Our Web Site?

A question we frequently get asked is, "how do we know when it is time... Read More

Tips For An Effective Website

A successful website is something that everyone venturing into the new arena of Internet ... Read More

Keep It Simple, Stupid: The Beauty of a Clean Cut Website

Don't knock it; "Keep It Simple, Stupid" is a great rule to live by. Nobody... Read More

Browser Compatibility

Internet Explorer, created by microsoft has been the most popular web browser for many years.... Read More

Build A Successful Website For Dummies

So you want to build a website here I will explain some simple but also... Read More

9 Ways to Gain Your Visitors Respect

The internet is filled with sites and they are good and bad. Some have been... Read More

Five Common Web Design Mistakes

There are often many mistakes encountered when creating a webpage or website. Learn about the... Read More

5 Ways To Improve Your Website Immediately

If you are reading this, I assume you either have your own website or planning... Read More

The Next Marketing Tool: Deisgn

Design sells. It's something that all of us know, but few of us consciously acknowledge.... Read More

The Top Ten Checklist For Low Web Site Sales

You have good traffic, but low client sign ups and other sales. Web sites are... Read More

Website Advertising: 10 Dynamic Tactics To Super-Charge Your Sales

Here are 10 dynamic website advertising tactics to super-charge your sales, starting now:1. Test different... Read More

Shameless Flashers - Using Flash Tools To Create Spectacular Websites

Flash is a powerful technology that can help you create spectacular websites, tutorials and demos.... Read More

Leave Those Links Blue!

Don't mess with those links! When you're designing your site, you should leave your text... Read More

Web Copywriting: The Psychology Of Scarcity, Less Is More If You Want Faster Sales

Countdown to Armageddon - at least you'd think so judging from some of the garish... Read More

Creating Your First Website

Building your first website can be very frustrating. It looks fairly easy, but almost always... Read More

Color and Web Design

Color is one of the most important but least understood elements of web design today.... Read More