Posted on by 孫康

Favicon?什么东东？

如题，有多少人知道什么是Favicon？

Favicon是一个网页图标，标准尺寸为16px x 16px，储存格式为ICO的图标图像格式。其图像可以是静态的，也可以用动画形态呈现。

当游客浏览到有Favicon的网址时，其浏览器将会显示这个网页的Favicon在网址的旁边。当被存为书签时，书签的图像会自动变成Favicon的图案。

网上已经有全文介绍了，我也不多说。下来我会教大家怎样去设置这个小东东。

先看看一些例子：
用户插入图片
facebook的RC。
用户插入图片
不用我多说了？蚂蚁的。
用户插入图片
这个是Google的。

其实要设置这个非常简单。只要你是自己购买自己的网站，可以使用FTP；或正在使用的部落程序是和蚂蚁一样的话，就100%可以实现。（其他部落程式应该也可以，但实在太多了，孙康无法一一测试。）

[#M_《第一步：制作自己所要的图片。》|《关闭》| 先制作好自己所要的图片。记得图片的尺寸只有16×16，别做太大的出来效果不好。要注意的是所使用的图片约简单越好，而且越颜色不要用太多，最好使用的都是RGB中的安全色。这样制作出来的效果将会非常理想。

网页安全色例子如：FF0000（亮红色）、CCCCCC（亮灰色）、990099（紫色）等等。非安全色例子：A21CB8。

如果要制作成动画效果，但自己又没有软件可以使用，可以尝试预先制作多篇图案（最多五个图案），然后到这网址上载合成：在线制作GIF动画工具。

完成后记得先把合成图片下载到电脑内。

最后到这个网址，把图片上载，修整后确认一切OK，再把完成图片下载回来：http://www.favicon.cc/

用户插入图片
最后下载回来的文件。名称一定是favicon.ico

_M#]
如果你是使用自己的伺服器，要为自己的网站放一个Favicon就必须使用FTP服务或其它方法可以让你把上面所下载的favicon.ico上载到你的伺服器上。如果你是正在使用和蚂蚁一样的部落系统，就简单多了，可以直接通过后台来上载完成。

[#M_《2.1：一般的自用网站》|《关闭》| 以网页标准来说，Favicon的预设储存位置，都是在你的网站根目录内。
例子：
用户插入图片

  • 网址位置是http://antzblog.pass.as/test；
  • 页面的物理储存位置为/domains/antzblog.pass.as/public_html/test；
  • Favicon的储存位置就是在test中。

只需把Favicon.ico上载到test这个目录内就行了。不必再做任何额外设置。_M#]

[#M_《2.2：使用和蚂蚁一样的部落系统（TC）》|《关闭》| 如果你是使用和蚂蚁一样的部落系统的话，可以直接使用后台所提供的简单上载界面来完成设置。

步骤一：进入『设定』 –> 『博客』用户插入图片步骤二：上载。

用户插入图片
按下Browse后，进行一般的上载动作后就完成了。
完成。_M#]
[#M_《2.3：修改源码指定Favicon位置的方法》|《关闭》| 如果你是使用其他的网页服务，其实还可以通过网页的源码来指定你的Favicon.ico储存位置。
源码为：

<link rel="shortcut icon" href="http://我的网址位置/favicon.ico" />

把上面这段源码中的『我的网址位置』修改成你的Favicon.ico的网络储存位置。然后把这段源码，加入你的网页源码（或模板）内。源码的位置一般是在<head>和<title>的中间。

例子：

<html>
<head profile="http://gmpg.org/xfn/11">
<meta name="generator" content="Textcube 1.7.6 : Staccato" />
<meta http-equiv=Content-Type content="text/html; charset=utf-8" />
<link rel="shortcut icon" href="/nelson/favicon.ico" />
<title>孙康说 | Favicon?什么东东？</title>

_M#]

还蛮简单的，不是吗？
<img src="/plugins/HC_Emoticons/emoticons/red/red%2812%29.png" alt="开 心" longdesc="" border="0">

7 Replies to “Favicon?什么东东？”

  4. 好像很简单。
    上次自己曾尝试过，但未成功，心血来潮的话，再尝试。

    谢谢分享！

Comments are closed.