网站动态favicon.ico图标如何制作

2018-11-01    来源:学做网站论坛

容器云强势上线!快速搭建集群,上万Linux镜像随意使用

说起网站图标favicon.ico,大家都想到的是制作一个固定小图片来显示【方法见:如何制作网站图标favicon.ico】,很少知道网站图标可以做成一个动态的。
fav

下面学做网站论坛就来讲一下动态网站图标favicon.ico应该怎么制作。

方法/步骤

  1. 第一步:在http://favicon.htmlkit.com/favicon/上制作出动态favicon图标图像;
  2. 第二步:将做出来的图标图像放在自己网站空间根目录里(一般为web文件夹);
  3. 第三步:在自己网站的头部文件里,找到</head>标签,将下面的代码粘贴到</head>标签上方。(注:域名换成自己的网站域名)
    <link rel="shortcut icon" href="https://www.xuewangzhan.com/favicon.ico" >
    <link rel="icon" type="image/gif" href="https://www.xuewangzhan.com/animated_favicon1.gif" >
  4. 代码放好之后,就可以看到自己网站的动态favicon图标了。

标签: 代码 域名 制作网站

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点!
本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。

上一篇:WordPress网站添加在线投稿发布功能,带WP富文本编辑框

下一篇:如何给网站添加统计代码