在线透明favicon ico图标文件制作转换工具

支持.png,.jpg,.gif图片格式在线转换,图片大小<=5M。

上传要转成ICO的图片
选择尺寸(px)

favicon.ico预览

ICO图标转换结果返回ICO列表:为减轻服务器压力,图片保存30分钟,请在30分钟内下载,否则需要重新生成

# Favicon.ico 尺寸 下载 备注

如何使用Favicon.ico?

  • 将成功生成的图标文件下载并改名为favico.ico,上传到网站根目录。
  • 在网站首页的源文件 head 之间插入下面的代码:
  • <head>
    ...
    <link rel="shortcut icon" href="/favicon.ico"/>
    <link rel="bookmark" href="/favicon.ico"/>
    ...
    </head>

    如何制作favicon.ico图标?

  • 用自己熟悉的图形软件制作 16*16或 32*32或 48*48 像素的效果图,保存为 .png 或 .gif 或 .jpg 格式。
  • 打开http://webstr.top/api/setico/上传刚保存的图片。
  • 点击:"生成ICO图标"。
  • 下载保存,并上传至网站根目录了。
  • 强烈推荐使用.ico而不是使用png或gif

  • 所有的浏览器,包括IE5,都支持ico文件,gif、png等都没有ico支持范围广
  • 如果有favicon.ico,404会有友好的返回,测试部分主流浏览器(Chrome 4, Firefox 3.5, IE8, Opera 10, Safari 4),发现都会请求favicon.ico,这样404就会有对应图标显示,So,你懂的!
  • 一个.ico文件可以同时满足多个尺寸需求,不需要每个尺寸单独生成一个文件
  • 怎么制作透明的ICO图标?

  • 利用PS制作透明的png图标。
  • 打开本工具上传刚保存的图片。
  • 点击:"生成ICO图标"。
  • 下载保存,并上传至网站根目录了。
  • 怎么制作动态ICO图标?

    先把做好的gif动态图标命名为favicon.gif,然后再 head 之间加上:
    <link rel="icon" href="/favicon.gif" type="image/gif" />

    怎么更新ICO图标?

  • 关闭打开的浏览器,并清空浏览器缓存。
  • 打开网站并加入收藏夹。
  • 关闭浏览器,重新打开网站,就更新了。
  • 若还未更新ico图标,稍等一会再打开浏览尝试。
  • 如果使用火狐或chrome浏览器,更新更简单,使用火狐和chrome的隐私模式进行浏览即可更新缓存。