如何为网站设置站点图标

首先得选一个你喜欢的图片,然后去下面的网站压缩成16*16的.

http://favicon.htmlkit.com/favicon/

将生成的压缩包下载下来,上传到自己网站的根目录.
生成的压缩包里面包含3个文件(favicon.ico ,animated_favicon1.gif , ReadMe.txt)
其实他的ReadMe.txt说明文档写的很详细,这里我把它贴出来.

A. Installing the favicon with animation (动态的图标)
B. Installing the favicon without animation (非动态的图标)
C. What’s in this favicon.ico (favicon.ico里面包含什么)
D. More Information
E. Thank You

— A. Installing the favicon with animation —

1. Upload favicon.ico and animated_favicon1.gif to the root of your web folder. (把这两个文件上传到网站根目录)

2. Add the following HTML code to your web page, in between and tags: (在head.php 文件中加入以下两行代码,必须加在 和 之间,改完之后就大功告成了,是不是非常简单啊)

— B. Installing the favicon without animation — (同上,只是这个是非动态的)

1. Upload favicon.ico to the root of your web folder.

2. Add the following HTML code to your web page, in between and tags:

— C. What’s in this favicon.ico —

The favicon.ico in this package has 2 image formats in a single file:(favicon.ico包含两个图片,一个是 16*16寸的,一个是32*32寸的)

16*16-pixel 256-color and 32*32-pixel 256-color.

— D. More Information — (更多关于这个网站的信息)

* FavIcon from Pics homepage:

http://favicon.htmlkit.com/favicon/

* If you would like to double check the installation of your favicon, visit:

http://www.htmlkit.com/go/favicon/validator/

* Answers to frequently asked questions and support forums:

http://www.htmlkit.com/go/favicon/help/

* Find out about upcoming features with the RSS news feed:

http://favicon.htmlkit.com/favicon/feed/

— E. Thank You —

Thank you for using FavIcon from Pics!

If you like this service, a link to http://favicon.htmlkit.com/ is appreciated.

For more web developer tools, visit http://www.htmlkit.com/

原文地址:https://www.cnblogs.com/dantes91/p/5007767.html