Loading

5. ico图标

@


引入ico图标

  • 首先把favicon.ico 这个图标放到根目录下。

  • 再html里面, head 之间 引入 代码。

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


制作ico图标

图片可以自己做,也可以用别人的,最后得要转换为ico图标,才能放到站点里

方法步骤:

  • 首先把我们想要图片的部分(通过切图工具,ps...)切成图片(图片格式可以为png)。

  • 要把图片(png)转换为 ico 图标,我们借助于第三方转换网站: 比特虫

    进入网站后上传原始图像,目标尺寸16X、32X、48X较为常见,可直接生成ico图标

注意:

  1. 它是显示在浏览器中的网页图标。
  2. 它是图标形式,不是一个图片
  3. 位置是放到 head 标签中间。
  4. 后面的type="image/x-icon" 属性可以省略。
  5. 为了兼容性,请将favicon.ico 这个图标放到根目录下。
posted @ 2021-12-25 22:18  Hong•Guo  阅读(224)  评论(0)    收藏  举报