Optimization of pictures in web pages

 1. Name your picture with a descriptive title

I've said it before, so I won't mention the block in detail.

2 , alt tags and title tags

everything

The essential function of this attribute is that the picture can play the role of text replacement when it can't be displayed correctly , but it also plays the role of title under IE6 (the text prompt after the mouse is placed on it), IE 's implementation method is actually wrong. If you want to display a prompt when the mouse is over , you should use the title attribute.               

title

The text prompt displayed when the mouse is over is very important in user experience. Of course, it is not necessary to add this attribute to all img tags. For example, the logo is more important or the image content that users will experience is recommended to add this attribute.

<img src=" Picture path " alt="logo" title=" Home " />

3. Front, back, left and right content

Descriptive text containing positioning keywords should be placed immediately before or after the picture. If you do a little research on Google Pictures, you will find that the description of each picture is relatively short (within 20 characters).

4. Anchor text (hyperlink)

Use anchor text keywords in image links

When you link to a specific picture, use keywords instead of general phrases. For example, " look here " , " click to view full size " , it is better to use " keywords.jpg " directly .

This in there is the need to try, say, add a hyperlink, right-click the chart picture address here can be found in the film properties.

When adding a super link, you can choose to go to another website, or you can try to directly connect to the picture address when adding keywords on the top, bottom, left, and right of the picture.