使用动画gif作为我的网站's的最爱

Using an animated gif as my website's favicon

本文关键字:最爱 网站 我的 动画 gif      更新时间:2024-04-06

这个Js可以制作一个视频&简单的图像作为你的网站的最爱使用这个:

var favicon=new Favico();
var video=document.getElementById('videoId');
favicon.video(video);
//stop
favicon.video('stop');

这是Github页面。

有没有一种方法可以使用这个概念制作一个动画gif作为我网站的最爱。

附言:我是noob,所以如果有人做小提琴&展示一个很棒的演示!

您可以简单地在HTML页面中使用GIF作为常规,如果它是动画的,它也会在浏览器中被动画化,只需将其重命名为favicon.ico并在标题中添加为favicon标记即可(例如:http://55chan.org/:))

遗憾的是,它只能在Firefox中工作,例如:

注意Chrome不支持

  • https://bugs.chromium.org/p/chromium/issues/detail?id=19731

(除了使用单个动画Gif(请参见https://en.wikipedia.org/wiki/Favicon#Image_file_format_support)。您可以通过动态更改图像来使用注释中指定的解决方法。)

更宽你需要考虑的是,不仅仅是你的浏览器会向你显示最喜欢的动画图标。许多应用程序将";"蜘蛛";您的网站,并将以不同的方式使用该图标,例如在个人链接集合旁边或搜索页面中显示为图标。

不久前我写过https://plugins.svn.wordpress.org/wp-favicons/trunk/includes/server/class-http.php它基本上是一个抓取多种收藏夹的爬虫,考虑到数据uri、不同的http状态代码、错误的mimetype等……但它不会自带javascript解析器来查找客户端脚本提供的动画序列。我怀疑任何爬虫真的会这么做。

因此,考虑到目的和收藏夹通常不仅仅是作为浏览器或浏览器书签中uri旁边的标识";列表";。