Loading... Please Wait...
Loading... Please Wait...

Search Support

Search our knowledgebase? Enter keywords or article id:

> go to search support

Support Index

Help and Support

PixelMill Live Help


Enter keyword or id#:



Quick Links

Printable Article

Image Best Practices

Article ID: KB101112

Using Images in Web Sites...

Images can help to bring visual interest to your site, even if you don't have a need for diagrams or illustrations.

  • Graphic headings or titles
    Lots of site use graphics with text for headings or titles. While some web-purists will protest, this is definitely one way to make your site look a little more professional. Make sure that the font you use complements your logo as well as the other text on your site. You can make graphic headings in a photo editor and save as a .gif.
  • Use color wisely.
    For seamless integration, choose photographs that compliment the color scheme or motif of your site. For example, see how Microsoft matched the heading colors with the photos on their Windows XP info page.
  • "Clickable" areas
    You can often use images as a "clickable" area - almost like a button on the page. For example, the "Windows XP Professional" heading, the picture of the man, and the "Learn more" link all take you to the same page.
  • Make your point
    Use photos to illustrate a point or send a message. Integrate or place text on a photo with some kind of tagline.

Technical Best Practices...

  • Pre-size your images
    A typical newbie mistake is to take a photo straight from a digital camera, stick it on a web page, and click-drag the corners to cut the image down to a size that fits on the page. Learn why you shouldn't do this.
  • Optimize your images
    Invest in a quality image/photo editor that comes with tools for optimizing images for the web. Learn more about optimizing images...
  • Add alternative text
    To make your pages more relevant to search engines and accessible to people with disabilities, add alternative text to your images. Learn how.
  • Specify the size for an image
    FrontPage 2003 will do this automatically, but lower versions of FrontPage may not. If you take a look at the Image Properties, make sure that the "specify size" checkbox is checked. Learn why.

Was this helpful?

Please rate this article:

Not helpful Very helpful
1 2 3 4 5 6 7

Email address: (not required)

(Please provide your email address if you would like PixelMill support to follow-up with you about your comment. Your email address is NOT REQUIRED to submit a comment.)

Comments: (How can we improve this article?)

Clicking "Submit" will not clear this page.

link to this page: http://shop.pixelmill.com/support/al1043/kb101112.htm
permalink to this article: http://shop.pixelmill.com/support/kb101112.htm

Back to top

PixelMill EDU


PixelMill EDUâ„¢ is an innovative and proprietary online training series designed to aid the do-it-yourself Web builder in transitioning to new Web editors, coding standards, and Web technologies.

Webinars and Seminars:

FrontPage to SharePoint Designer Series
This is a 6-Week series designed to give you strong exposure to the new SharePoint Designer web editor and interface, along with examples of working with Windows SharePoint Services and tips for transitioning from FrontPage.
Register Now!

Tables to Tableless CSS Series
This is a 6-Week series designed to help you transition from building Tables-based Web site layouts to working with CSS to edit and build Tableless Web site layouts. For all Web builders using Dreamweaver, Expression Web, or any other web editor.
Register Now!

FrontPage to Expression Web Series
This is a 6-Week series designed to give you strong exposure to the new Expression Web software and interface, along with tips for transitioning from FrontPage.
Register Now!

Learn more and register!



Contact Us

Phone: (866) PIXELMILL
(866) 749-3564
Int'l phone: 1 (530) 297-3662

105 E St, Suite 310
Davis, CA 95616 USA

Payment Methods

Visa Mastercard American Express Discover PayPal Personal check Purchase Order