How to optimize the picture when the website is optimized

In the site optimization, in fact, picture optimization also accounted for a large part of the SEO optimization is an important part of the picture optimization, not only can improve the loading speed of the page, speed up the search engine crawl so that more pages included, and through the image of a conscious optimization, can also be a certain amount of traffic through the picture, is the benefit of many parties. Below I on my personal experience, in terms of the picture optimization, what should be done

　1, the picture to add alt tag

In some important pictures of the website, must add the ALT tag, so that the search engine can know what the theme of this picture, so that when the image search, give you a certain ranking, alt tag on the picture, is also a good guide for users, when the user put the mouse on the picture, Alt content will be displayed to the user, especially when the picture has some problems can not be accessed, at this time the role of Alt is more apparent, in the display of the picture will directly show alt inside the text content, thus playing a good role in prompting, The user's understanding of the context plays a very good role.

　2, the picture should be full of lossless compression

We know that in a page if it's more than a picture, then the page opening speed will be slower, that is, the page loading speed will be slower, especially some picture stations, pictures should be appropriate compression processing, so that the loading speed of the page will be much faster, of course, the image compression is best in the case of lossless , now there are many such lossless compression tools on the Web, we can find in Baidu, we say that the compression is not affected by the overall situation. If some pages for the quality of the picture requirements are relatively high, the compression rate is as small as possible, so as not to affect the user experience, so this is a compromise problem, we can according to the actual situation of the page to carry out the necessary treatment.

　3, to the picture to specify the height and width

When the page loads the picture, (regardless of the download concurrent number of different browsers) if the page code does not set IMG wide, then the browser in the loading process will continue to calculate the real-time width of each picture, until the picture is fully displayed. and set a wide-height, browser returned to the information in advance to load the picture of the wide reservation can be, then the browser can make time and concurrent to download other pictures. This is why the picture set wide, you can slightly improve the speed of the page to open the reason. Of course, the larger the total number of pages of the site, the number of pages or pictures of the site, the number of large sites, the more obvious the change of loading.

　4, in the picture of four weeks to try to appear some meaningful text

Search engine in the image of the subject of judgment, will refer to the content around the picture, so we are in some important pictures around, to try to appear some descriptive text to help the search engine for the image of the understanding, such as the image of the upper, lower, left, right, Have to try to appear some related to the theme of the picture, so the search engine is more friendly.

5. Using CSS Sprites technology (picture merging)

CSS sprites is actually the Web page in a number of background images into a picture file, and then use the CSS "Background-image", "Background-repeat", "Background-position" The combination of background positioning, background-position can be used to pinpoint the location of the background image. This can reduce the number of pictures, so as to reduce the number of requests to the server, so as to speed up the loading speed of the page.

In short, in the optimization of the site, the picture optimization is also very important, because it can not only speed up the page opening speed, thereby improving the user experience, but also through the image search to bring certain related traffic. This article is compiled by http://www.guguo.in/website, reprint please indicate the source, thank you!