| Optimizing Graphics on Your Website |
|
|
|
|
Optimizing your graphics reduces the time it takes your web page to load into your reader's web browser. There are a number of ways you can use an image, maintain its quality, and trim your bandwidth—all at the same time. Here's some quick tips to keep in mind when you are loading new images on to your website: Tip #1: 72-dpi Is Plenty If you come from the print world, you probably save your image files at 300 dpi resolution—at the bare minimum. But the web isn't print and the computer screen isn't a printed page, so toss away those habits. The first way to trim file size is to save the file at 72 or 100 dpi. This is more than ample for web viewing. Tip #2: File to Size To get the fastest display results, you'll want the image file you insert into your Web page to be the exact height and width you are using in the web page. Don't let your reader's computer have to do the painful resizing calculations. Oh, and don't go into overkill mode when it comes to display size—use images at a height and width that works on your page, not the largest size you can cram onto a computer monitor. Larger display sizes make larger file sizes—and longer download times. Tip #3: Select the Best Graphic File Format Different types of graphics work best with different file formats. Here are a few rules of thumb to make your graphics more web-friendly: • If the image is photo-realistic, use a .jpeg format. • If it has large areas of solid color, .gif format is best. • If it's a combination, try both alternatives and see which gives you the best fit in terms of size vs. quality. Need help implementing a new sales or marketing program? We've got two suggestions:
a) Check out our free marketing templates and tools on this site. There's ton's of them. You might want to bookmark the site now, you could be here awhile.
Just become a registered member (it's free) of the myMarketingGuide.com website and you can download hundreds of other articles, templates and more. Don't worry, we respect your privacy. |
| < Prev | Next > |
|---|
