Skip to content

Favicon图标获取

更新时间:2023-2-23

简介

Favicon图标就是浏览器标题栏上显示的小图标,也可以是缩小版的LOGO

常见方式

域名+/favicon.ico

比如:https://github.com/favicon.ico

说明

一定要是在主域名下 /favicon.ico 一般都放在主目录里

查看原代码

比如:https://www.iowen.cn/

网页右键-查看源代码(ctrl+u),这里就很明显能看到 .ico 结尾的文件

谷歌链接获取

格式:http://www.google.com/s2/favicons?domain=网站地址

获取:http://www.google.com/s2/favicons?domain=baidu.com

说明

默认查看的尺寸是16*16,我们把后面的size=的值改成想要的大小即可,如果没有该尺寸,会返回默认16

常见的尺寸:16 / 32 / 48 / 64 / 128 / 256 / 512

一为API获取 【推荐】

之前搭建WebStack的时候,完使用的就是一为api来获取Favicon图标

文档:https://api.iowen.cn/doc/favicon.html


根据文档,我们得知格式如下

格式:https://api.iowen.cn/favicon/网址.png

获取:https://api.iowen.cn/favicon/www.iowen.cn.png

自行搭建

准备工作

开始搭建

我们先进仓库,将代码下载到桌面

仓库:https://github.com/owen0o0/getFavicon

登录宝塔,新建添加一个站点,进目录-上传压缩包-解压,并将文件名改成 favicon

说明

改名是为了和下面的连接对上

cache 文件夹给 755 权限

说明

宝塔直接上传的一般都是755

访问:http://你的网站/favicon/get.php?url=https://目标网站

说明

如果出现获取不了的情况,ctrl+F5 强制刷新缓存再试一次

比如:http://api.yiov.com/favicon/get.php?url=https://www.iowen.cn

伪静态

方便cdn缓存,伪静态规则 二选一

说明

域名 - 伪静态,粘贴保存

php
# Nginx规则
rewrite ^/favicon/(.*)\.png$ /favicon/get.php?url=$1;
php
# Apache 规则
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteRule ^favicon/(.*)\.png$ favicon/get.php?url=$1 [L]
</IfModule>

调用方法:http://你的网站/favicon/目标网址.png

注意

目标网址不能有 http(s)://,且结尾必须填 .png

以后亦可都用这种方式

比如:http://api.yiov.com/favicon/www.iowen.cn.png

常见问题

访问出现404

域名是否需解析 / 链接路径是否和文件名一致 / 链接是否正确

自己的网站如何制作favicon.ico图标

图片在线转ico格式