为网站添加favicon.ico图标(透明)

5

favicon.ico
favicon图标的作用众所周知,一来可以在地址栏、收藏夹等位置显示,美观和其他网站区分开来,也易于赢得用户的信任,二网站图标对SEO也有些微的影响,并且一些搜索引擎包括百度已经开始收录ICO图标,在关键时刻可以赢得众多目光。

现在网上有很多favicon.ico的在线生成器,直接PS一个图片格式的图标放上去转化一下即可,那么我今天啰嗦这么多是想说一个小窍门,就是转换器做出来的图标是有白色背景的,无论你是否用了透明GIF/PNG结果都是一样的。

不过百度搜索结果的ICON图标显示,现在是百度人工添加的,现在门槛还是比较高,必须是业内的知名网站,记得在站长网看到有细心的站长提过说是显示图标的站都是被HAO123收录的站点。

那么我们需要一款图标软件 IconWorkshop,下载安装完成之后用IconWorkshop直接打开我们的PNG图标

favicon.ico

点击上图所示按钮,只勾选32X32 RGBA(也可以16X16,32比较清晰),单击确定,文件另存为 格式选择ICO 名字为favicon.ico

将放到网站根目录,或者添加以下代码到HEAD中

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

清空浏览器缓存刷新即可看到效果。

共 5 条评论

  1. 回复

    可以看看~http://www.atool.org/ico.php

  2. 回复

    好像记得wp 3.3直接上传图标文件到根目录就会自动调用 了

    • 回复

      只要根目录有favicon.ico就会显示,和什么程序无关。

  3. 回复

    IconWorkshop简单实用,一直都是用它。

  4. 回复

    不错,很实用。

在线工具进行回复 X

您的邮箱不会公开,当您的评论有新的回复时,会通过您填写的邮箱向您发送评论内容。 必填字段 *

为何看不到我发布的评论?

正在提交, 请稍候...