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

简介: 在工作中,有时候我们会需要用到一些网站图标,但是浏览器上没有提供直接下载网站图标的方法,想要下载必须使用一些技巧,本文中就来分享下获取网站 favicon 的几种方法。

1.直接访问 favicon 地址获取 ico 文件


对于熟悉网站开发的人来说,相信很多人都知道网站的 favicon 是如何设置的,就是把一个文件名为 favicon.ico 的图片上传到网站根目录,然后浏览器就会自动识别其为网站的标签页的图标。

知道了这个后,我们就可以直接访问这个网址下载图标,格式为 域名/favicon.ico

比如 Google 的网站图标就是:

1.png

百度的 favicon 图标地址就是

2.png

访问网址后,我们再右键 – 图片存储为就可以了

3.png

下载好的图片为原版的 favicon.ico 文件,文件大小同网站,不过需要注意的是一些网站并不支持这种方法,比如本站因为使用的 WordPress 自带的 favicon 设置功能,就不支持直接访问下载。


2.使用 favicon下载的网站


如果你遇到了不能直接访问下载的网站,或者想要更简单的下载方法,那么一些 favicon下载的网站是非常好的选择,这样的网站有很多,下面分享 2 个比较不错的。

2.1 Favicon Grabber


4.png

Favicon Grabber 是一个开源的 Favicon 下载网站,可以一键抓取下载任意网站的 favicon ,推荐它主要原因是颜值高,使用起来方便,只需要输入网址,再点击右侧的 Try it Grab 即可抓取到网站的图标


2.2 The Favicon Finder


5.pngThe Favicon Finder 这个网站虽然界面并不是很简明,但是它的功能其实很强大,可以一键抓取到所有尺寸的favicon,比如上面的github网站,就抓取到了5个不同的图标,你可以挑选最需要的使用


3. 使用 API 获取网站 favicon



一些网站还提供专门的 API 给其他的开发者或者特殊用途使用,可以更快捷的获取到网站图标


3.1 Google 的 API


6.png

7.png

使用 Google 的 API,你只需要把后面的域名改成自己的,就可以获取到对应的网站图标了,图片格式为 PNG,大小 16*16 像素


3.2 The Favicon Finder 的 API


8.png

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







目录
打赏
0
0
0
0
0
分享
相关文章
PbootCMS模板如何添加网站浏览器图标 favicon.ico
PbootCMS模板如何添加网站浏览器图标 favicon.ico
422 0
开发常用图标png、ico 图标下载
推荐几个不错的下载地址: 1、http://www.easyicon.net/ 2、http://588ku.com/sucai/ 3、http://www.iconpng.com 可直接下载png等图标    作者:唐宋元明清2188 出处:http://www.cnblogs.com/kybs0/ 本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须在文章页面给出原文连接,否则保留追究法律责任的权利。
2438 0
网页favicon.ico图标设置(转)
随便打开一个网页:比如 http://www.baidu.com/ 可以看到在浏览器的标签头上面显示了一个图标,这个图标是:,也就是我们常说的favicon.ico.   由于这篇文章主要讨论favicon.
2108 0
如何获取不同网站的favicon默认图标
参考文章: 1、利用公共api提取任意网站favicon.ico图标 如何读取favicon 根据设置favicon的方式,就有2种读取favicon的方法:   A、默认直接读取网站根目录的favicon.ico文件。
2506 0
vue 自定义网页图标 favicon.ico 和 网页标题
vue 自定义网页图标 favicon.ico 和 网页标题
315 1
前端如何设置浏览器网页标签页前的小图标favicon.ico
前端如何设置浏览器网页标签页前的小图标favicon.ico
1221 0
前端如何设置浏览器网页标签页前的小图标favicon.ico
Confluence 6 修改站点图标(favicon)
你也可以修改你站点的图标(这个站点图标将会在你浏览器的标签页上显示)。你需要 Confluence 的管理员权限才能进行修改。
1459 0

热门文章

最新文章

AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等