如何用photoshop制作Favicon图标

开往->设计设计方向 | 驾驶员: 飘雨云翳 | 热心乘客 (0)人

Favicon是出现在浏览器地址栏网址前面的那个很小的图像标记。同时，它还会出现在你的收藏夹里面，出现在你的分页浏览标签上。之所以说它只是个很小的图像标记，因为它只有16X16像素那么大。

通常你所需要添加到你网站上的Favicon是一个Windows Icon(.icon)文件，它是位于你的网站根目录下面的名为favicon.icon文件。

制作方法：
1、下载插件
你需要一个制作.icon格式的PS插件来输出.icon文件格式。下载地址：点我下载。貌似也是很古老的东西了, 今天看到了，就写了下。

中文版 Photoshop 将它放置在 Adobe\Adobe Photoshop CS3\增效工具\文件格式 中
英文版 Adobe\Adobe Photoshop CS3\Plug-Ins\File Formats

2、开始制作
因为16X16是如此小的一块画布，因此非常难于创作。为此，我们先创建一个64X64（通常使用16的偶数倍）的画布来代替16X16。

3、设计
如果你已经做好了一个LOGO，那么将该LOGO的大小调整为16X16像素。如果调整完以后看上去不是很满意，那么就在你刚刚创建的64X64的画布上，根据你的网站风格，从新设计一个简单的样式。

当你做好以后，选择 图像>图像大小 菜单，在里面输入16X16像素，确认图像是否清晰，如果不清晰的话返回从新设计，直到满意为止。

4、保存icon格式
打开 文件>另存为，确认你所起的文件的名字是favicon.ico。在此格式下，你必须从下拉菜单中选择ICO (Windows Icon)(ICON)格式。该格式选项只有你下载并安装了前面提到的那个插件才会出现。
此后，你需要将你新作的这个文件上传到你的网站的根目录下面。

5、上传Favicon.ico文件
连接你的主机服务器，将Favicon.ico文件上传到你的网站。
这是链接代码：<link rel=”shortcut icon” href=”/favicon.ico” />