首先得选一个你喜欢的图片,然后去下面的网站压缩成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/