本文最后更新于:1 年前

  • 对于IE浏览器:把需要显示的16x16像素的ICO图标命名为favicon.ICO放置在网站根目录下,浏览器会自动检索
  • 对于其他浏览器通用的在标签页加入指定图标的方法:
    把favicon.ico图标放到网站根目录下,在网页的``<head></head>``中加入
<!-- 地址栏显示 -->
<link rel="Shortcut Icon" href="./favicon.ico"  type="image/x-icon" />
<!-- 收藏栏也显示 -->
<link rel="Bookmark" href="./favicon.ico" type="image/x-icon" />
  • 火狐浏览器对图标格式没有那么严格,GIF和PNG格式的图标也可以显示,图标名称也可以不是favcion

  • 链接在线的图片

    <link rel="Shortcut Icon" href="http://csdnimg.cn/www/images/favicon.ico">
  • 获取ico图标的资源网

    http://sc.chinaz.com/

    favicon在线制作网站

    https://tool.lu/favicon/

    图标制作,经常搞一些图标替换桌面图标

    http://www.faviconico.org/

  • 或者在html的head表头中加

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

    如果icon是gif动态图需要修改type属性

    <link rel="icon" href="gif_favicon.gif" type="image/gif" >


本博客所有文章除特别声明外,均采用 CC BY-SA 4.0 协议 ,转载请注明出处!

将本地文件上传到GitHub 上一篇
文章作者 下一篇

 目录