Yiov

深浅模式

Favicon图标获取 ​

更新时间: 10/19/2024

简介 ​

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格式