The Design Process
	Inquiry Form
	Portfolio
	Redesign Examples
	Logos and Banners
	Advanced Features
	Resources
	Tutorials
	The Basics
	Terms Explained
	HTML Cheatsheet
	HTML Tips
	File Names & Folders
	Image File Size
	Moving to HostingCT
	Getting Ready
	Planning Your Site
	Web Site Worksheet
	Design Yourself or Hire
	Marketing
	Reading Site Stats
	Search Engine Friendly
	Track Your Ads
	Press Releases
	Tips and Tricks
	Favorites Icon
	Server Side Includes
	Spam-Proof Your Site
	Website Maintenance
	Using Archive Manager
	Using Diskspace Wisely
	Maintenance Checklist
	Reference Materials

Site Critique If your current site is not producing the results you want, you may need a professional website makeover. We will also provide you with our version of an actual webpage that reflects our recommendations. Read More...

Image File Size

The last thing you want on your site is slow-loading pages. When visitors come by, you want them to stay, not get frustrated having to wait for huge files to download.

Here are some tips to make sure your images are not weighing your pages down:

DPI
Make sure you create your images at no more than 72 dpi (dots per inch). Higher dpi won't improve quality much and it will make the image file size much larger, slowing their load time. Photos taken with a digital camera are often 300 dpi. Make sure to compress any digital photos before trying to use them on a web page.

You can use a software program like Jpeg Wizard to compresses jpg files. You can buy the software at the site or use their online demo to compress one image at a time.

Resizing
Never resize your images in the html code (by changing the width and height tags that tell browsers how to display your images). If you make the photos look bigger than they really are, the image quality will be very poor. If you force them to be smaller than they are, the filesize will remain larger than necessary and the image will load slower than it should.

Instead of resizing images in the html code with height and width attributes, use an image-editing program like Adobe Photoshop or Macromedia Fireworks to physically resize your photos (and also compress them for file size).

JPG or GIF
Generally it is best to use JPG format for photographic images, although if a photo has large areas of a solid color, the file size may be reduced by saving it as a GIF.