span image will display correctly and
class="cap">W e've look like the professional cover
all seen them. Those ugly it started out to be.
little covers that look out of
You'll see the smooth clean
wack. What once started out as lines and natural proportions.
beautiful ebook cover ends up The cover displays as it was
looking like it had too much to intended to look and does a
drink. Why? The most common terrific job of presenting you
reason is improper use of html and your product as the
code. professional you are.
The height and width attributes
If only life were always that
in your html code are used to easy. Unfortunately, we have to
tell the browser exactly what make adjustments when things
size the image is and how to don't fit.
display it properly. It works
Lets say you look at your
that way with all browsers.
webpage you find that your ebook
If you're not familiar with cover is the wrong size to fit in
html code, these attributes look that special place you want to
like this.
put it. Your first temptation
Width="XXX" Height="XXX"
might be to simply alter the
(XXX = the actual height and attribute numbers to resize the
width of your image in pixels - 1 image.
inch = 72 pixels)
DON'T!
Let say for example your
This type of improper sizing
images natural attributes are using your html code (changing
width="167" height="237".
the height and width attributes)
Natural attributes means it's to make these type of adjustments
the actual size of the image.
only results in distorted
By using the images natural images.
attributes in your html code, the
Always use the "actual"
attributes for your images. Why? like a professional.
Your image is a representation of
If you're watching your
your product. It's your online pennies, most any graphics
salesman. You wouldn't let a software will do the trick. If
"human saleman" go out into you don't have any software to do
public and sell your product if this and you don't want to spend
he was under the influence of the money to have a designer
alcohol. You don't want your resize the image for you, search
"online salesman" to look like for "Free Graphics Software" on
it's had too much to drink Google and I guarantee you'll
either.
find something suitable at little
So what do you do when you've or no cost.
come to this road block?
The ideal solution is to plan
If you find that you need a align="center">
different size later on, the
proper way to resize your image is by using a graphics program or type="text/javascript">
google_ad_format = "728x90_as"; type="text/javascript"
google_ad_type = "text";
src="http://pagead2.googlesyndica
google_ad_channel tion.com/pagead/show_ads.js">
="8710800197";
google_color_border =
"F5F7FB";
google_color_bg = "F5F7FB";
google_color_link =
"0000FF";
About the Author:
Copyright 2008 Heather Colman. Graphic Designer Heather Colman helps virtual assistants, coaches, and other professionals online bring visualization and depth to their products with custom 3d product images and website graphics. Visit her site at: CustomDesignGraphics.com
Article Tags: attributes, cover, image
