|
|
Posted by Gιrard Talbot on 10/05/18 11:43
GΓ©rard Talbot wrote :
> johnsonholding@yahoo.com wrote :
>> Do I need to add anything else but what you have shown?
>>
>>> <img style="border:0;" src="jugs.jpg" alt="Two earthy containers">
>>
>
> I do not agree with some of what you were replied.
>
> First, it's best to indicate the width and height of the image so that
> the browser does not have to process this info when rendering the page.
> The parsing+rendering of the image is a bit faster.
"TIP: Always use WIDTH and HEIGHT attributes with images, and they
should equal the actual size of the image, rather than be used to force
the browser to resize it.
The WIDTH and HEIGHT attributes let the browser lay out the entire page
before it succeeds in loading all of the graphics. Without them, it has
to wait until the graphic is loaded before it knows where to put
anything below or to the right of the graphic. Over a modem connection,
it could take a while to load all the graphics, and the user may be
faced with a blank screen until then. It's much more friendly to let the
user start reading the page earlier (...)"
quote coming from
Dan's Web Tips: Images
http://webtips.dan.info/images.html
"The width and height attributes are necessary because if they are
excluded, the browser will tend to calculate the size as the image
loads, instead of when the page loads, which means that the layout of
the document may jump around while the page is loading."
quote from HTML tutorial for beginners on image at HTML Dog
http://www.htmldog.com/guides/htmlbeginner/images/
"If you specify a different width to the actual size of the file, many
browsers will resize it for you. It is much better to provide an image
of the correct size and give that real size here. If you donβt supply
the size, the browser may need to rearrange the page as the images are
downloaded to fit them all in; by supplying a size, the browser can
leave the correct sized space and insert the image when downloaded."
quote from Mark Tranchant's HTML tutorial for beginners on image
http://tranchant.plus.com/web/html-tutorial/img
> Second, I personally strongly recommend that you do not remove the
> border on a clickable image (also called/referred as reactive image)
> because such border may be the only thing revealing easily and visually
> to the user that it is a clickable image. A link or clickable image
> should always be easy to recognize as such.
Usability guru Jakob Nielsen also mentions clickability as an important
aspect saying: "Make obvious what's clickable" and "To maximize the
perceived affordance of clickability, color and underline the link text.
Users shouldn't have to guess or scrub the page to find out where they
can click." That must apply to clickable images too.
GΓ©rard
--
remove blah to email me
Navigation:
[Reply to this message]
|