Shulou(Shulou.com)06/02 Report--

This article introduces the relevant knowledge of "what is the role of the favicon ico icon in the web page". In the operation of actual cases, many people will encounter such a dilemma, so let the editor lead you to learn how to deal with these situations. I hope you can read it carefully and be able to achieve something!

The purpose of the website favicon.ico file is very simple, that is, the logo shown at the front of the browser tab, but it seems that many novice websites do not notice where this icon comes from, because there will be a default image even if it is not written in the editor code. But generally speaking, this icon is better to define the price comparison, at least as a kind of "logo", people can recognize your website at a glance. By default, you don't need to write code. Put a picture file directly in the root directory of the website, ico type, full name: favicon.ico.

What the favicon icon does:

If you write by hand, you can change the name. The html code is as follows (the file address under the images path is referenced in href):

What is the right size for the favicon.ico icon?

What is the appropriate size of the favicon.ico icon on the website? 16x16 or 32x32 or 128x128? Many people take it for granted that the larger the size of the favicon.ico icon, the clearer it is, and the more powerful it is to display! However, according to the actual test, the favicon.ico icon that exceeds 32x32 not only has no significant change, but also causes some browsers to fail to display. And the previous Google site icon cache server, over the 16kb will not cache, but directly display the default icon. On the other hand, there is no significant difference in the effect of the website icons of 16x16 and 32x32 actually displayed in the browser label bar.

Therefore, for the size of the favicon.ico icon on the site, it is recommended that you choose 16x16 or 32x32, no matter how big is completely unnecessary. The effect does not increase, and it may also affect the speed of the website.

The making of favicon.ico icon

Favicon.ico type file generation requires a special tool, which is not as convenient as PNG. The following is a link to the production favicon.ico of this website: click to enter

This is the end of the content of "what is the function of the favicon ico icon in the web page". Thank you for your reading. If you want to know more about the industry, you can follow the website, the editor will output more high-quality practical articles for you!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.