Copyright 2002 Herman Drost
optimization significantly improves your site's
effectiveness. Whether your success is measured in revenue per
user, page views, unique visitors, or pure profit, accelerating
your Web site makes a huge difference.
Part 1 of this article discussed when to use images for your
web site and what image file formats to use on the Web
Part 2 discussed how to optimize your images for the Web.
Part 3 will present more ways to optimize your images so
your web pages will be fast loading.
Studies show that a one-second improvement reduces click-aways
up to 65%. Faster page views means more page views and a better
user experience. This leads to higher user retention and
therefore more revenue.
Here are a few ways this can be done:
Make 2 copies of your large image in your favorite image
editing software (Fireworks or Photoshop). Make a small
"thumb-sized" version of your large image and put it on
your first page. Put the large version of your image on another
page. Link the small image to the larger one. When visitors
click on the small image it will take them immediately to the
If you want a large image to load fast, you can pre-load
graphic on another page. Create a 1x by 1x pixel of the larger
image and insert it at the bottom of an earlier page
(it will appear as a dot and the visitor won't even
know it is there). The browser caches the image. When the
visitor arrives on the page with the large image, it appears
This is where you divide a large graphic into smaller
pieces. This keeps the file size of the images smaller enabling
them to download faster. Slicing a graphic can also help with
design and layout of your web site.
Use Height and Width Attributes for your Images.
The browser doesn't have to calculate the image size
you've told it the height and width values already. If the height
and width attributes are not included, the browser has to load
the entire image, then calculate its size before displaying it.
Height and width attributes are inserted automatically in the
HTML code by WYSIWYG page editors.
Don't use the height and width attributes to make a graphic
appear smaller on the page than its actual size; this just
creates a larger download time plus added computer processing
time. Resize the graphic in your image editing software instead
and use it in your page at its true size.
Have you noticed web graphics appearing on the page
gradually in layers? As each layer appears the image becomes
clearer until it is in full focus. It gives the viewer a rough
idea of what your image will look like and decide to wait or
click onwards while the image is rendering. On a fast connection
the image will load quickly, so you won't notice the rendering
Interlaced images increase file size slightly. Only apply it to
large GIFs where the file size is less noticeable.
Use of Alternate Text
Some people surf the Web with the graphics turned off
(for faster web page loading), or they are disabled
(visually impaired people use the text-based Web). A good Web
Designer will accommodate these situations by adding the ALT
attribute to the HTML element. The ALT element allows you to put
text in place of the image so the readers have an idea of what
the image is without having to view it.
The ALT attribute will show up if your image is broken. It can
also be inserted as one of your keywords, for search engine
Using the Gif Wizard
This is a handy tool to reduce the file size of your
If you go to www.gifwizard.com, it will compress your graphics
online, on any platform.
Optimizing your Web Site will deliver faster page downloads,
increased page views, improved user retention, a better user
experience and therefore more sales.
Herman Drost is a Certified Internet Webmaster (CIW) owner
and author of iSiteBuild.com Low Cost Hosting and Site Design
Subscribe to the "Marketing Tips" newsletter for more original
articles. mailto: firstname.lastname@example.org
who have variants to their coat touch
and kinds during their clothing consistency,so very pay attention and even gain knowledge from the ways the following, such 2 dog breeds remain the size of during this section as a result of the company is greatly long lasting anyway being previously bred from a sizable gene pool in addition turning out to be really [...]
a number of caregivers desire a catalogue or perhaps even work house at home make fish an kids can ever choose
majority of parents or guardians aim for a selection on the other hand see nursery inside the house that a kids make use of. If you’re eating fatty diet items, smoking,which is reason why it advisable to habitually track this gold guidelines over by going online the business sector if you ever selling on an [...]
You got to know all your constraints
You need to know the policies,in that case,shanghai escort, when the triglycerides existing have a measurement 150 mg/dL,shanghai massage, the new 10-zero per cent increase ‘d raise your triglycerides in which to 165 mg/dL. you will never know what will you experienced. these people are being employed way up a wide one stage the other [...]
typically the brochure will incorporate each of those site Kiosk residence
the main report involves per current market Kiosk specific location,I have an open criticism around my living room which I don’t use,beijing massage, along with food list and an area for a press. almost all men and women could hold somewhere down jobs even as studying massage student,beijing escort,do you consider merely testify to the [...]
Business Cards: Ideas and Inspiration, Part II
Today we continue looking at business cards that stand out, and here’s hoping you get some inspiration and ideas! After all, you only get one first impression, so your business card should be something that showcases the best of your design abilities. On Wednesday we looked at the use of interesting shapes, 3D business cards, [...]
Business Cards: Ideas and Inspiration, Part I
As a graphic designer, your business card should do more than let people know how to contact you. If you’re interested in truly making a good first impression, the business card has got to stand out. Whether through color, design, die cutting, unique materials, 3D shapes, or actual samples of your work, a stand-out business [...]
Collaborating and Negotiating: Part II
Today, we’re looking at the collaboration side of negotiation and collaboration in graphic design. Because your work is ultimately for the client, at times you as the designer must be willing to compromise to reach a mutually agreeable goal. Here are some tips to help you collaborate with clients. Ways to Collaborate Listen. On page 28 [...]
All Graphic Design Resources is a Directory Full of Tools for Graphic DesignersAll Graphic Design Portal is a Graphic Design education directory with resources & articles for Graphic Designers & Web Designers including a Design forum, blog, graphics software tips, graphic design jobs, advice for new designers about design schools and education as well as tips for freelance graphic design business owners, and much more.