Images for Web use
One really
bad habit
of less experienced
web designers
is to
reduce
the image
size
by altering
the width
and height
attributes
within
the <img> element.
Wrong,
wrong,
wrong!
You
wait
ages
for the
image
to load,
then
feel
cheated
when
all
you get
is a
tiny
'thumbnail'.
Simple text links can
be created
by changing
the hyperlink
as follows:
<a href=“big-photo.jpg” target=“_blank”>
Text
Link to my Big
Photo</a>
If the hyperlink surrounds
the thumbnail's
<img>
element,
this
makes
the thumbnail
'clickable'.
Here's
a simplified
form:
<a href=“big-photo.jpg” target=“_blank”>
<img
src="small-photo.jpg">
</a>
The attribute target=“_blank” is
optional
but using
this
allows
a new
web page
to open,
containing
just
the photo.
Your
web software
will
have
this
facility. Images for use on a forum
You may wish to place
an image on a forum.
The code in this case
is quite simple: [img]http://www.my-server.com/big-photo.jpg[/img]
Or using the same trick as above for
a clickable thumbnail:
[url=http://www.my-server.com/big-photo.jpg]
[img]http://www.my-server.com/small-photo.jpg[/img]
[/url]
|
Why
thumbnails?
The
thumbnail method for web or forum use
allows anyone visiting your site to
see the image thumbnail quickly, while
avoiding unnecessary delays waiting
for the full-size images to load. Simply
clicking on the thumbnail allows the
visitor to see the full-size photograph
in a new browser window, if they wish. |