获取网页图标的几种方法
获取网页图标的几种方法
時光最近在整理导航网页，经常会用到一些网站图标，但是浏览器上没有提供直接下载网站图标的方法，所以整理了几种可以快速获取网站图标的方法。
favicon.ico图标一般用于作为缩略的网站标志，它显示在浏览器的标题栏、地址栏、左边浏览器标签上或者在收藏夹上，是展示网站个性的缩略logo标志，也可以说是网站头像,目前主流的览器都支持ico图标，如果要让网站看起来更专业、更美、更有个具性，favicon.ico 图标是必不可少的
一、直接访问 Favicon URL
许多网站将它们的网站图标存储为 favicon.ico 在根目录中。您可以通过在域名后添加 /favicon.ico 直接访问。例如，百度的网站图标可以在 https://www.baidu.com/favicon.ico 找到。
二、Favicon 下载网站
如果直接访问不可行，您可以使用 The Favicon Finder 或 Favicon 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文档上查看到具体的用法
四、浏览器开发者工具
以百度为例，鼠标右键 => 查看网页源码
全局搜索 ico 或 favicon，一般检索出来的第一个就是，点击链接即可在新标签页中打开预览，右键保存即可
有些网站可能用了png格式,但是图片的命名一般会是”favicon.png”之类,而favicon单词中就包含ico,所以也能搜到
有些网站图标后缀可能为png等格式这种方法就搜不到了，遇到这种情况的话,就只能人为去查看了,搜href,然后从上往下找,每个链接都点一下看看,一般就在代码头部位置。
或者可以检查网页，重新刷新下请求，过滤下请求类型为图片，一般能很轻松找到网页图标
五、iTab新标签页添加自定义图标
使用 iTab新标签页 获取自定义图标功能可以根据网址快速获取图标
通过以上这些方法，您可以高效地获取到想要的网站图标。
参考
