在线透明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/tool/ico_set/上传刚保存的图片。
  • 点击："生成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的隐私模式进行浏览即可更新缓存。
    • © 2024 webstr.top
    网络游客 版权所有