如何添加网站ICO图标，添加ico图标的方法

天外飘仙 · 发表于 2011-5-3 21:12:24

打开微软、百度等网站后看到浏览器的标题栏、地址栏，多浏览器的标签上都显示了一个小图标，如

　，这里说的就是这个东东。如果用户收藏了网站，这个图标还会出现在用户收藏夹里。

　　如何制作 ICO 图标？

　　这里使用最简单的办法。因为 ico 格式图片比较特殊，一般软件（如 Windows 自带的画图、Adobe Photoshop 等）都制作不了，我们就分两步做。

　　第一步是用 Windows 自带的画图或 Adobe Photoshop 制作一个 ico 的原图，格式可以是 jpg / jpeg / gif / png 等，大小大概在 32×32 像素差不多，最好是 16px×16px 的，因为浏览器标题栏和地址栏上显示的就是这个尺寸。

　　第二步是将制作好的 ico 原图转换为 ico 格式，制作好后去一个可以在线转换 ico 格式的网站（百度一下会有不少，也可以下载一个转换软件进行处理）。这里推荐 http://www.bitbug.net// ，打开该网站后界面很清晰明了，经数秒简单的处理即可转换为我们要的 ico 格式图标文件，文件被自动命名为 favicon.ico。

　　这样 ico 图标就制作完成了。

　　如何让 ICO 图标在网站上显示？

　　先将转换好的 ico 图标文件上传到网站任意目录，一般为根目录。以我的为例，我上传到 /bbs 目录下，也就是说 ico 文件的路径是 /bbs/favicon.ico。

　　然后在需要显示该图标的页面模板头部（<head> 与 </head> 之间）插入以下代码：

　　如果你的模板是 XHTML 规格的，代码应该是：

另外还有个注意：现在大多数都是用源码建的网站，一般都自带ico文件（一般都在根目录），想更换的话可以直接做个ico图标给覆盖替换掉
如何修改网站图片 (比如LOGO)? (通用方法和思路)
http://bbs.piaoxian.net/thread-2467-1-1.html

妮〃似曾相识℡ · 发表于 2011-12-27 15:23:58

{:soso_e142:}

mseed · 发表于 2011-12-28 09:21:15

好帖！！我正在想图标得事呢

mseed · 发表于 2011-12-28 09:22:11

不过图标是有软件做得哦，不是画图，似乎是adobe得icon

		自动登录	找回密码
密码			立即注册

[教程] 如何添加网站ICO图标，添加ico图标的方法

站长推荐 /1