Picture website Optimization must learn 5 points of skill

Source: Internet
Author: User
Keywords Have to

Intermediary transaction http://www.aliyun.com/zixun/aggregation/6858.html ">seo diagnose Taobao guest cloud host technology Hall

Website construction How to optimize the picture? Friends often surf the internet every day to browse dozens of or even hundreds of websites, and every day there will be a new website online, the number of websites with the popularity of the Internet and rapid expansion of the face of numerous sites, we will certainly choose some good sites to see, for a website developers, Want to build a good site is the need for a variety of skills, including: procedures, art, planning, editing, marketing, and so on, with the speed of the improvement, we found that the form of the site is no longer a simple text, pictures and animations are more and more, The problem is how to have a large number of pictures in the Web page does not affect the speed of the site and optimize the rankings. Today, to talk about: Web site building How to optimize the picture?

Add a note to the picture, which is the ALT tag.

Many students think it doesn't matter if Alt is added without labels this is a wrong idea, because the search engine "do not know" pictures, you put more pictures online, if not tell the search engine this is about what the picture, then search engines are also regarded as a piece of white paper, this time the role of the ALT tag is highlighted out , the ALT tag can not only explain the meaning of the image to the search engine, can also tell the user what this is about the picture, when the user mouse on the picture when there will be text prompts, user experience is very good, such a good function, why do not you, and ALT tags can also improve the density of keywords, Improve Web page dependencies.

Two, regardless of size picture must compress.

If it is a simple color picture, we can make gif, if it is a photo or more complex pictures, we will be made into JPG format, and the current online use most of the picture format is JPG format, but the JPG format has a disadvantage is that the file is large, file large words, not only occupy valuable web site And open speed is also very slow, give users a bad experience, so, JPG image must be compressed, using Photoshop tools to save time can adjust the quality of compression, there are special compression JPG image tools, such as I often use: JPEG Optimizer, Of course, the compression of JPG images is lossy compression, if the quality of the picture requirements are not high, you can compress more than half the size of the naked eye basically do not see the difference.

Third, set the width and height of the picture.

Now the general program in the upload image will automatically detect the height and width of the picture, automatically set to the Web page code, if it is manual modification of the source code of the site, it is recommended to write the picture height and width, so that when the page is loaded, it will reserve the location of the picture, so that the response speed of the Web page, save time, And the user experience is good.

Four, the text around the picture and the picture alt tag on the keyword echoes.

We not only want to let the picture alt tag with the article keyword, and in the picture around the paragraph will also appear in the article keyword, this will make the whole article more relevant, conducive to improving the ranking and weight of the article.

V. Use of sprites technology.

As this English and Sprite on the English trademark name, many people call this "sprite" technology. "Sprite" technology is to put a site on all the background to do a picture, and then use Background-image, Background-repeat, background-position to the background image accurate positioning, so every time you open the site, The website only needs to load a background picture to OK, reduces the picture to the server request, speeds up the webpage the response speed.

Website construction How to optimize the picture? Look at the above points, I believe we also know the importance of picture optimization, in fact, do the site also contains a lot of details, are needed to do it seriously, do the site easy, do a good job of a website is not easy, to pour the webmaster a lot of effort. Degree Niang Net Editor: http://dn.seo811.com/

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.