最近在整理导航网页,经常会用到一些网站图标,但是浏览器上没有提供直接下载网站图标的方法,所以整理了几种可以快速获取网站图标的方法。

favicon.ico图标一般用于作为缩略的网站标志,它显示在浏览器的标题栏、地址栏、左边浏览器标签上或者在收藏夹上,是展示网站个性的缩略logo标志,也可以说是网站头像,目前主流的览器都支持ico图标,如果要让网站看起来更专业、更美、更有个具性,favicon.ico 图标是必不可少的

一、直接访问 Favicon URL

许多网站将它们的网站图标存储为 favicon.ico 在根目录中。您可以通过在域名后添加 /favicon.ico 直接访问。例如,百度的网站图标可以在 https://www.baidu.com/favicon.ico 找到。

二、Favicon 下载网站

如果直接访问不可行,您可以使用 The Favicon FinderFavicon Grabber (开源作者已停止维护,有兴趣的可以去github 研究下源码) 等网站来轻松获取图标。

三、使用 API

一些网站提供 API 来快速检索它们的图标。

Google API

Google提供了一个API,您可以替换域名以获取相应的网站图标,格式为PNG,尺寸为16x16像素。

1
https://www.google.com/s2/favicons?domain=google.com

The Favicon Finder API

1
https://besticon-demo.herokuapp.com/icon?url=google.com&size=80..120..200

The Favicon Finder 的 API 和它的网站一样,提供了很多专业级的参数选项,你可以在它的Github文档上查看到具体的用法

四、浏览器开发者工具

以百度为例,鼠标右键 => 查看网页源码

image-20240515095211332

全局搜索 icofavicon,一般检索出来的第一个就是,点击链接即可在新标签页中打开预览,右键保存即可

image-20240515095403534

有些网站可能用了png格式,但是图片的命名一般会是”favicon.png”之类,而favicon单词中就包含ico,所以也能搜到

有些网站图标后缀可能为png等格式这种方法就搜不到了,遇到这种情况的话,就只能人为去查看了,搜href,然后从上往下找,每个链接都点一下看看,一般就在代码头部位置。

或者可以检查网页,重新刷新下请求,过滤下请求类型为图片,一般能很轻松找到网页图标

image-20240515100122690

五、iTab新标签页添加自定义图标

使用 iTab新标签页 获取自定义图标功能可以根据网址快速获取图标

image-20240515111148180

通过以上这些方法,您可以高效地获取到想要的网站图标。

参考

下载网站 favicon 图标的 3 种方法

获取网站Favicon.ico小图标的方法

从网页获取图标的简单方法