制作个性站标

分类｛前端相关｝标签｛favicon, 图像处理, 技巧, 网络｝ 2010/01/30 1次阅读

这里说的站标是指网址前的小图标啦~不要小看这个小标志，与众不同的站标会使别人对你站点的印象更深刻哦。下面咱手把手一起做站标哈！

首先，要设计好原始的站标，用Fireworks或者Photoshop，甚至用系统内置的画图工具。下面以Fireworks为例，新建一个100*100像素的画布，设计如下图：

将图片保存为PNG格式，Fireworks默认就是PNG，你也可以导出为GIF、JPG，要注意的是，只有PNG和GIF才支持透明颜色，其他格式的图片会把透明处理成白色。

将图片转换成ico格式的站标是关键，我们借助在线生成ICO站标的网站，这里推荐http://tools.dynamicdrive.com/favicon/，生成的站标质量较好，而且能够生成透明ico图标。

登陆该站点，浏览，选择好要上传的图片后，点击“creat icon”，处理完毕后在下方即可预览效果，点击”Download favicon”下载。

图标制作完毕，上传至网站根目录，还要在网页代码头部标签<head>与</head>之间的区域插入以下代码才能显示站标

<link rel=”shortcut icon” type=”image/x-icon” href=”/favicon.ico”>

就算完成了以上步骤，站标不一定会马上显示，需要一些时日，具体时间…没有。如果你是第一次使用站标，一般都会很快就会显示的。

其他说明：
1.由于站标的尺寸是16*16像素，因此待转换的图片越接近16*16像素，效果越好。
2.站标是规则的正方形，注意设置图片长宽。

提示: 本文采用 BY-NC-SA 协议进行授权，转载请保留链接。