下载网站 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文档上查看到具体的用法







目录
相关文章
|
前端开发 JavaScript 数据安全/隐私保护
推荐6款超级好看的开源中后台前端框架
推荐6款超级好看的开源中后台前端框架
1740 0
|
关系型数据库 MySQL 数据库
n8n自动化工具部署与使用
n8n是一款开源的工作流自动化工具,类似于IFTTT。它的优点是开源、可以自托管、下载安装方便、易于使用,可以互联上百种服务。n8n基于节点能够将任何工具连接在一起,轻松部署不同类型的任务。它可以做很多事情,比如:从数据库中获取数据后下载为excel然后通过邮件发送给其他人。
9600 1
|
Web App开发 域名解析 缓存
如何在 Ubuntu 20.04 上安装 Node.js 和 npm
本文我们主要为大家介绍在 Ubuntu 20.04 上安装 Node.js 和 npm 的三种不同的方式。
162379 7
如何在 Ubuntu 20.04 上安装 Node.js 和 npm
|
Kubernetes 数据可视化 容器
『Kubernetes』在k8s中部署Dashboard可视化面板
📣读完这篇文章里你能收获到 - 保姆级的K8S安装Dashboard - 可视化管理Kubernetes
2033 1
『Kubernetes』在k8s中部署Dashboard可视化面板
|
缓存 Linux 开发工具
CentOS 7- 配置阿里镜像源
阿里镜像官方地址http://mirrors.aliyun.com/ 1、点击官方提供的相应系统的帮助 :2、查看不同版本的系统操作: 下载源1、安装wget yum install -y wget2、下载CentOS 7的repo文件wget -O /etc/yum.
255228 0
|
数据采集 缓存 前端开发
获取任意网站 icon 这件事并没那么简单
本文源自开发者Pony在创作“标签星球”过程中遇到的一个需求:如何高效获取并展示网站的Logo。为此,他深入研究并自建了一套图标获取与托管服务。标签星球是一款基于浏览器收藏夹的启动页应用,能将收藏夹转换为导航页形式,并支持模糊搜索及收藏夹分享等功能。在寻找合适服务时,Pony发现现有解决方案要么受限于技术壁垒,要么覆盖范围有限,这促使他着手搭建自己的服务。文章详细介绍了该服务的设计思路和技术实现过程,包括对多种网站图标设置方法的分析、链接处理策略、获取流程、缓存机制以及错误处理方案等。
316 2
|
JavaScript 前端开发 jenkins
【前端】vue项目打包Browserslist: caniuse-lite is outdated. Please run: npx update-browserslist-db@latest解决方案
【前端】vue项目打包Browserslist: caniuse-lite is outdated. Please run: npx update-browserslist-db@latest解决方案
2831 0
|
缓存 前端开发 JavaScript
终极 Nginx 配置指南(全网最详细)
本文详细介绍了Nginx配置文件`nginx.conf`的基本结构及其优化方法。首先通过删除注释简化了原始配置,使其更易理解。接着,文章将`nginx.conf`分为全局块、events块和http块三部分进行详细解析,帮助读者更好地掌握其功能与配置。此外,还介绍了如何通过简单修改实现网站上线,并提供了Nginx的优化技巧,包括解决前端History模式下的404问题、配置反向代理、开启gzip压缩、设置维护页面、在同一IP上部署多个网站以及实现动静分离等。最后,附上了Nginx的基础命令,如安装、启动、重启和关闭等操作,方便读者实践应用。
5226 85
终极 Nginx 配置指南(全网最详细)
|
Shell 开发工具 数据安全/隐私保护
解决git clone与git push出现的若干问题:Failed to connect to github.com port 443: Timed out
解决git clone与git push出现的若干问题:Failed to connect to github.com port 443: Timed out
7961 1
解决git clone与git push出现的若干问题:Failed to connect to github.com port 443: Timed out
|
SQL XML JavaScript
【若依Java】15分钟玩转若依二次开发,新手小白半小时实现前后端分离项目,springboot+vue3+Element Plus+vite实现Java项目和管理后台网站功能
摘要: 本文档详细介绍了如何使用若依框架快速搭建一个基于SpringBoot和Vue3的前后端分离的Java管理后台。教程涵盖了技术点、准备工作、启动项目、自动生成代码、数据库配置、菜单管理、代码下载和导入、自定义主题样式、代码生成、启动Vue3项目、修改代码、以及对代码进行自定义和扩展,例如单表和主子表的代码生成、树形表的实现、商品列表和分类列表的改造等。整个过程详细地指导了如何从下载项目到配置数据库,再到生成Java和Vue3代码,最后实现前后端的运行和功能定制。此外,还提供了关于软件安装、环境变量配置和代码自动生成的注意事项。
23068 68