Copyright 2002 Herman Drost
When surfing the Web, you will have noticed web sites where the images load very slowly whereas other images dont match with the theme of the site or appear blurry. Presenting a professional image for your business means your web site design must be professional also.
Part one of this article discussed when to use images for your web site and what image file formats to use on the Web (www.isitebuild.com/imageoptimization1). In this article (Part 2), we will discuss how to optimize your images for the Web.
Image optimization is the art of making your images suitable for the Web. There is a large difference in preparing your graphics for print compared to the Web. In print you have to have as much data as possible to get a good graphic. The main factors that influence the display of graphics for the Web, are the size of the file and the screen display quality of the graphic.
When you design web pages you need to create a balance
between visual appeal and page download time. If your
page has too many images on it, it will take too long too load and visitors will not stay around to wait.
This means cutting out unwanted areas of your image.
It decreases the file size and helps visitors to focus on your
Jagged edges of an image can be prevented by anti-aliasing.
This creates a blended edge around an image.
Because of the extra colors necessary to create the blend, file
sizes of anti-aliased GIFs are a little larger. Use
anti-aliased graphics in almost all cases, except when creating
very small type as graphics.
Bit depth refers to the number of colors in an image
number of colors a computer system is capable of displaying.
To calculate bit depth, one bit equals 2 colors, then multiply
2 times 2 to arrive at each higher bit depth. Quality and file
size decrease as bit-depth decreases.
computers support thousands or millions of colors (32-bit),
but many older color systems can only show up to 256 (8-bit)
colors at a time. This reality imposes limits on the size of
files and number of colors that can be included in Web
how your image appears with a 256-color monitor and
true-color monitor. Do this on your PC using the
Setting/Control Panel/Display option, then select the Settings
tab/256 color option.
Monitors typically display data at 72 dpi (dots per
Therefore, always save your files on the Web at 72 dpi.
Always resize your image in your graphics software
before you insert it onto your web page. If you resize its
dimensions when its already on your site, it will look
Someone viewing your site is subject to a completely
different result depending on which browser he is using. Your
images may appear harmonious in Internet Explorer (IE) but may
be broken up in Netscape Navigator (NN). Therefore check your
image for differences with Internet Explorer (IE) and Netscape
Navigator (NN) browsers. Your images should appeal to all
AOL has its own browser, which filters sites
through its own AOL proxy system. This means all graphics are
converted from JPEG and GIF to the ART format.
AOL users also use their browsers with the default
compressed graphics checked, so what normally looks good in
IE or NN, will look blurry or distorted on AOL. To change this,
AOL users need to go to preferences and check never compress
This is a temporary storage area of your hard drive
browsers keep files while they display them. You can
create a consistent look and feel to your Web Site, by reusing
another graphic on another page. You will be retrieving it from
the cache. The more graphics that you reuse, the faster your
pages will load.
To test load times of your pages you need to first
publish them and then clear the cache in your computer before
loading them, and timing them, from the Internet. Put the url
in your browser address box, start timing when you hit Go and
stop when the word 'Done' appears in your status bar.
are the main factor that contributes to slow loading
your web pages. By implementing these techniques for optimizing
your images, visitors will have a far more pleasing experience.
3 of this article will discuss other methods for creating
fast loading images when creating a professional web site.
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
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.