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

Today, I will talk to you about the production method of the small icon favicon.ico in front of the website address bar. Many people may not know much about it. In order to let everyone know more, Xiaobian summarizes the following contents for everyone. I hope everyone can gain something according to this article.

That small icon has a name called favicon.ico, although the website icon is small but can play a very good role in embellishment, especially when the browser puts your website into the favorites, the role of the website icon comes out, it can make your site highlighted in many URLs, for the user experience plays a very good role, well, no more nonsense, now to tell you how to do favicon.ico this website icon file.

Although there are now many online production site icon site, but the icon is really unsatisfactory, and does not support transparent style ico, which is very bad, and for a small file to install a professional ico production tool and a bit of waste, its practical Photoshop can be very convenient to produce beautiful ico files, we know Photoshop is unable to save ico format files.

How to do it, download this thing ICOFormat, download it and copy the extracted files to the folder "C: \Program Files\Adobe\Adobe Photoshop CS2\Plug-Ins\File Format".

After saving, there will be an ico option, which not only allows you to make transparent website icons, but also makes the ico edges very smooth, much more beautiful than online production. The tools are ready, start making.

Choose a favorite image, resize it to 16×16, and save it as favicon.ico through Photoshop. Note that when using the ICOFormat plugin, the image size cannot exceed 256×256, otherwise the save as ico option will not be visible when saving.

After that, upload the favicon.ico to the root directory of the website. If it is a space in the United States, close the browser and reopen your site to see the website icon.

If you are using a domestic host or cannot see the website icon, please do the following

Add in between

The dynamic website icon is very simple, it is a GIF animation, also 16×16 size, uploaded to the website root directory, in the "head""/head" between the following sentence can be added.

Adding the following code will change the ICO in the other party's favorites.

If the operation is correct here, you will see your own small icon in front of your own URL. If you still can't see it, please ensure that the operation is correct, clear the browser cache file, refresh the page and you can see it. As for dynamic website icons, visit the site in Firefox and you'll see 2gbhosting.com/

What needs to be clear here is that in favicon.ico, favicon is the file name, ico is the extension, the file name can be arbitrarily selected, but the reason why it is called favicon is because in the foreign host market, most hosts will automatically define it as the icon of the website if they find a favicon.ico file in the root directory. Without modifying the source code of the program, we only need to save the website icon file as favicon.ico and upload it to the root directory of the website. It is very convenient. However, in the domestic host market, many do not have this function at present, only by modifying the source code to add favicon.ico.

After reading the above, do you have any further understanding of how to make the small icon favicon.ico in front of the website address bar? If you still want to know more knowledge or related content, please pay attention to the industry information channel, thank you for your support.

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.