Author: Richard Lowe
images on the internet come in three major formats:
GIF, JPEG and PNG (and PNG's close relation MNG). Each of these
formats has it's associated advantages and disadvantages. It is
important that you understand all three formats to make the
correct decision as to which to use under what circumstances.
of the major factors to consider when choosing or using
graphics format is the size of the resultant image file. In
addition, you will need to understand how to optimize images in
each format to be cognizant of the results that you can gain.
is image optimization? It is simply defined as finding
correct compression settings to make the image as small as
possible with as little loss of resolution as you can get away
with. Why is this necessary? Because it take time for images to
be loaded (most people are accessing the internet over dialup
connections, after all) and optimization reduces that time.
The first and most primitive graphics format is known as BMP,
which means bit mapped. These kinds of images may not be
compressed as they are simply an exact description of what is to
be shown on the screen. Each pixel is represented by 3 bytes
(red, blue and green), and each byte contains the color
intensity of it's base color. This BMP images can be made up of
16 million colors. BMP files tend to be very large, and you
don't see them directly on web pages very often. Where you will
find them is in collections of wallpapers (wallpapers in the
system directory must be in BMP format), desktop themes and
similar things.Because BMP files were much too large for normal
web browsing (especially several years ago when virtually every
user was not only on a dialup connection, but was lucky to get
4800 or 9600 baud) other formats were invented. Two of these
formats became dominant and are now found just about everywhere.
These are the GIF and JPEG images types. The formats are
extremely different and have widely separate applications. Your
average web site will generally include a mixture of both
formats, as each has their use.
GIF was created by CompuServe in 1987 for their online service.
GIF images consist of no more than 256 colors, because each
pixel is represented by a single 8-bit byte. This means that in
order to convert a BMP image to a GIF image you have to discard
all but 256 colors at the most!
GIF image has a description (known as a header) that
defines the colors that will be used in the image. This allows
the colors to be assigned to a code which is what actually
appears in the image. Thus, the header might say "red is color
#47, bluegreen is color #48" and so on. Later in the image, the
colors can be represented as "color #47 is used for the next 546
the optimization of GIF images is fairly straightforward
and is handled by virtually every graphics program on the
market. For example, Paint Shop Pro allows you to export an
optimized GIF image with a very cool wizard to help you choose
exactly the best options. Using the optimizer it is possible to
reduce an image file size by 95% or more! This means a 100k
image can be reduced to 5k or less by this method of
the other hand, JPEG images use an entirely different
compression scheme. JPEG was invented in 1991 by the Joint
Photographic Experts Group to display photographs and similar
type images. JPEG has the advantage of allowing 16 million
colors. However, JPEG compresses by throwing away pixels.
example, suppose you have a photograph that is 1024
wide. JPEG compression might be specified to throw away 10% of
the pixels (every 10th one). When the image is decompressed
those pixel values are extrapolated from the colors of the
surrounding pixels. This implies that JPEG images tend to become
"fuzzy" when the optimization values are high.
it turns out, JPEG is great for photographs and similar
things because those types of images tend to have soft edges. In
fact, for photographs and art the JPEG format is much preferred.
PNG is an up-and-coming, very new image format which
in concept to GIF. PNG images allow for 16 million colors and,
unlike JPEG, does not lose colors. PNG compression is handle by
most graphics editors, at least those that support PNG.
how do you optimize your images? First, find the best
for your applications. PNG is very new and is probably not
suitable for most web sites (browser support is sporadic so you
may lock out some of your users). GIF is great for line drawings
and other things with sharp edges and no more than 256 colors.
JPEG is perfect for photographs, art, and similar images.
be familiar with the optimization functions of your
graphics programs. Save images using the various settings and
closely examine the differences. For example, how does that
image look in 2 colors, 16 colors and 256 colors? Find the
correct setting (the smallest possible file size with the least
change in the image quality) and use it. Remember that this
setting will be different for every single image.
do you gain from all of this work? Faster loading times
your web site, which means your visitors are less likely to hit
the back key even before your site begins to load.
Formats - Animated GIFs
animated GIFs to create moving images on your web site. Just
remember not to overdo it.
Formats - GIF
http://www.internet-tips.net/Graphics/gif.htm The GIF format is
an excellent format for many types of graphics.
Formats - JPG
http://www.internet-tips.net/Graphics/jpg.htm JPG is best for
images with gradients, blends and inconsistent color variants.
It is very efficient but parts of the image are lost by the
Formats - PNG
http://www.internet-tips.net/Graphics/png.htm The PNG format is
a newer, better format than GIF. It may soon be the dominant
format on the internet.
allows you to remove comments from GIF images. It is a handy
little utility to have around.
Richard Lowe Jr. is the webmaster of Internet Tips And Secrets
at http://www.internet-tips.net - Visit our website any time to
read over 1,000 complete FREE articles about how to improve your
internet profits, enjoyment and knowledge.
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.