Favicon图标获取Api评测:国内外多个对比使用

一、什么是Favicon网站图标?

Favicon(网站图标)是网站的标志性图像,通常显示在浏览器标签页、书签栏或地址栏中。它是一个小图标,通常尺寸为16x16像素或32x32像素,用于快速识别网站。Favicon不仅可以增强网站的品牌形象,还能提升用户体验,让用户在众多标签页中快速找到目标网站。

二、Favicon图标的作用

  1. 增强品牌形象:Favicon作为网站的视觉标识,有助于提升品牌识别度和记忆度。
  2. 提升用户体验:用户可以通过Favicon快速识别标签页中的网站,节省时间。
  3. 优化网站SEO:虽然Favicon对SEO的直接影响较小,但一个完整的网站结构(包括Favicon)可以提升网站的整体质量,间接影响SEO效果。
  4. 适用于多种场景:除了浏览器标签页,Favicon还用于书签、历史记录、移动应用图标等。

三、目前使用排名较高的Favicon图标获取服务

1. unavatar.io

unavatar.io 是一个功能强大的头像获取服务,支持从多个平台(如Facebook、Instagram、YouTube、Twitter、Gravatar等)获取用户头像。它不仅速度快,还支持全球200多个数据中心的缓存,每月处理超过2000万次请求。此外,它还提供优化功能,包括压缩图片大小和保持高质量。
使用方法
  • 通过邮箱获取https://unavatar.io/sindresorhus@gmail.com
  • 通过用户名获取https://unavatar.io/kikobeats
  • 通过域名获取https://unavatar.io/reddit.com
特点
  • 多功能:支持多种输入方式(邮箱、用户名、域名)。
  • 速度快:全球缓存,响应迅速。
  • 优化:自动压缩和优化图片,节省带宽。
  • 易于集成:提供详细的文档和全面支持。
实际应用案例: 许多RSS阅读器,比如Follow,也使用了 unavatar.io 服务来获取用户头像,提升用户体验。这种集成方式不仅方便开发者快速实现功能,还能确保用户在使用过程中获得高质量的头像显示。
目前本站的插件 @Jefrss Reader Lite    使用的图标服务就是unavatar.io 提供,目前国内的自建服务相对较少,这里希望大佬们多推出一些这方面的服务,我也开发了对应的图标获取服务网站,只开发了一半,目前坑还没有填完的坑太多,短时间没有精力开发它了。

2. 谷歌Favicon API

谷歌的Favicon API是一个简单易用的服务,通过域名获取网站图标。然而,由于网络环境的原因,谷歌的API在境内无法直接使用。
API地址

https://www.google.com/s2/favicons?domain_url=目标网站域名

四、国内可用的Favicon图标获取服务

1. Cravatar

Cravatar 是一个国内的Favicon图标获取服务,由文派官方团队维护。它支持通过域名获取网站图标,并提供以下特点:
  • 自建源服务器:减少第三方回源次数,提高访问速度。
  • 支持WEBP格式:提供超过70%的压缩率,确保快速加载。
  • 三级头像匹配:整合了QQ和Gravatar头像,提供更准确的头像匹配。
API地址

https://cravatar.com/favicon/api/index.php?url=目标网站域名

2. AFMax

AFMax 是一个支持多种图标格式的Favicon获取服务,适合高并发请求的场景。
API地址https://api.afmax.cn/so/ico/index.php?r=目标网站域名

3. IconHorse

IconHorse 提供自动搜索网站图标的功能,并支持隐私保护,不涉及任何cookie和跟踪。
API地址https://icon.horse/icon/目标网站域名

4. FaviconKit

FaviconKit 是一个支持高频率请求的Favicon获取服务,适用于需要大量图标获取的场景。
API地址https://api.faviconkit.com/目标网站域名/

5. Favicon.im

Favicon.im 是一个简单易用的Favicon获取服务,支持通过域名获取网站图标。
API地址https://favicon.im/目标网站域名

五、推荐使用国内服务

由于网络环境的原因,许多国外的Favicon图标获取服务在国内无法正常使用,或者访问速度较慢。因此,推荐大家使用国内的服务,如 CravatarAFMax,这些服务不仅访问速度快,还提供了丰富的功能和良好的用户体验。

六、测试具体地址速率

由于各地网络环境不同,建议在使用这些服务之前,先测试具体地址的访问速率。可以通过以下方法进行测试:
  1. 使用浏览器开发者工具:查看请求的响应时间和加载速度。
  2. 使用在线工具:如 ping.pespeedtest.net,测试不同服务的响应时间。
这类重点提示,一定要根据测试结果,选择最适合您当前网络环境的服务。建议使用前,直接通过浏览器访问尝试加载不同博友地址比如这样,https://unavatar.io/www.jeffer.xyz ,以实际的测试效果为基准。各省市网络环境不同,本文的测试结果不作为通用结果,个体速度请依据实际网络环境为准。

七、总结

在选择Favicon图标获取服务时,建议优先考虑国内的服务,如 CravatarAFMax,这些服务不仅访问速度快,还提供了丰富的功能和良好的用户体验。同时,建议在使用前测试具体地址的访问速率,以确保最佳的使用效果。
写这篇文章说有博友在使用我的插件 @Jefrss Reader Lite  时候说图标出现不展示的情况,鉴于使用的是第三方服务,这里建议替换为自己网络环境可以通路的Api服务商。

《 “Favicon图标获取Api评测:国内外多个对比使用” 》 有 32 条评论

    1. Jeffer.Z 的头像

      在设置选择,新的服务商,保存后回到朋友圈刷新一下。

  1. 似水流年 的头像

    以前我用的Favicon.im,后来换了一个国内的,好像是一个站长的,不会是你的吧?

    1. Jeffer.Z 的头像

      那肯定不是我的😂,我的第三方图标网站没开发完呢,做了一半才,准备从php换成python呢。

  2. 网友小宋 的头像

    我的好像在图床。

    1. Jeffer.Z 的头像

      放哪里都可以的,爬取来源都能识别出来的。

  3. 白熊阿丸 的头像

    挺好的,就是很多网站Favicon图标做的尺寸太小。如文中的16x16像素或32x32像素,所以大了会糊,只能用于一些小的场景。十多年前设备屏幕分辨率不太高,这种小图像反而显示比较好,大的Favicon图标在一些浏览器或者软件上压缩后会有锯齿。但是现在屏幕分辨率高了,很多站Favicon图标尺寸没有往大了做。虽然我给我自己做的Favicon图标已经往大了做,但是还是自我觉得挺小,又懒的再做大一点。

    1. Jeffer.Z 的头像

      我的好像是128的尺寸,16太小了,打开也是一小点。浏览器页面卡那个调用图标展示就很小,导致图标就锯齿。所以好多网站的图标都是字母或者logo图形,保证很小也能识别。我是一直就是头像的图标,统一辨识度,而且还是比较懒不想再做图标。其实我个人认为最合理的尺寸是64的,一半评论区调用也就是45px作用的尺寸,我的评论区头像好像是40px的大小。很多博友也不太注意这个,所以图标就按照规矩设置了16,其实那个尺寸已经非常落后了,64 128都挺好的。

  4. 粽叶加米 的头像

    发现Jeffer.Z邻居功能就是用unavatar.io,有些场景还是非常适合用到这些。

    1. Jeffer.Z 的头像

      把邻居的图标服务商增加到了6个,具体就的看每个博友自己使用的选择,各省的线路非常奇怪,都是时好时坏的。

  5. 皇家元林 的头像

    挺不错的,只是我用的少。

    1. Jeffer.Z 的头像

      平时用不到这个东西,基本上都是一些服务集成需要用一下。

  6. 刘郎 的头像

    这东西得看个人怎么用了 有人觉得它不好 原因别人的api不安全 但又有人觉得它很方便 我可能就是后者吧 能免费用 还求啥呢 哈哈

    1. Jeffer.Z 的头像

      第三方的话,主要是有cdn,自建我觉得性能不能带cdn的吞吐出来块,我看你的是直接重定向到了资源的原始位置,怎么实现的。

  7. 沉沦 的头像

    求解,这 favicon.ico 不是就放网站根目录就可以显示了。不大点的东西为啥还要弄个服务呢?

    1. Jeffer.Z 的头像

      正常获取网站图标,不是得通过程序处理吗,比如 xxx/www.jeffer.xyz 处理完,返回一个图标地址,然后用于展示。

      但是很多开发的应用,大家也不愿意写那么多代码,就直接用个现成服务,比如https://favicon.im/kkn.me ,这时候直接返回了你的图标。这些第三方都做了全球的cdn加速,既然都有现成服务,大家就集成呗,毕竟写代码也需要时间,最主要是带cdn的免费服务,它香啊。

      就像 cravatar.com和 weavatar也是类似,只是他们解析的是 gravatar这类的邮箱头像。

      1. 沉沦 的头像

        哈哈,愚笨还是没明白。是不是这个意思。假如我想在我的博客里用你网站的 ico 那我就可以直接用 https://favicon.im/effer.xyz 就可以了。

        1. Jeffer.Z 的头像

          你今天的这个思维状态好奇怪啊,是这个意思,比如你的这个页面,https://kkn.me/link 这里面的友情链接都是纯文字的。但是大部分博友的友情链接都是头像和链接。那你就可以直接集成。

          类似这样的,代码实现是

          <#img src="https://unavatar.io/biji.io" alt="头像" style="width: 40px; height: 40px; border-radius: 50%; vertical-align: middle; margin-right: 8px;">设计笔记

          头像设计笔记

          1. 沉沦 的头像

            哈哈,明白了,发现好处了,比直接用对方网站的 ico 链接要稳定,如果对方网站挂了,自己这边的头像就不显示了。感觉,缓存本地感觉更稳妥点儿

          2. Jeffer.Z 的头像

            可以先使用第三方获取,然后再缓存到本地,每次展示优先缓存,新进入的使用获取。实际这些第三方都自带缓存的,加载过一次就会缓存到他们的服务器,理论来说应该几个月不会过期吧。

  8. acevs 的头像

    不错
    高级方法挺多呀。
    我是土办法。得学习改进。

    1. Jeffer.Z 的头像

      这些服务其实都集成在很多插件或者应用里,日常我们使用也没有什么感知,但是一旦挂了,影响也比较大。你用Follow适合的图标就是调用的,unavatar.io 的服务。

  9. obaby 的头像

    竟然这么多,我 tm 还自建了一个,😂

    1. Jeffer.Z 的头像

      自建最好了,毕竟稳定,第三方很容易被屏蔽的。推荐你把自建的方案,做的简单点,回头满地自建的方案,我哪个服务挂了,可以蹭博友的。

      1. obaby 的头像

        https://h4ck.org.cn/2024/09/18075
        之前发过啊,你还评论了

        1. Jeffer.Z 的头像

          还真是啊,我记得你部署过,但是记忆里是部署的自建获取头像。。。我的年纪大概到了,记忆混乱的一批。
          你这个返回方法也挺直接,直接返回了具体地址。

          1. obaby 的头像

            对的,只缓存地址,请求直接重定向。

          2. Jeffer.Z 的头像

            Python真牛批,有一种拿过来就打的感觉,PHP还得思考下怎么处理。

  10. 老麦 的头像

    收藏了,很有帮助,之前一直想给链接自动加上favicon图标。

    1. Jeffer.Z 的头像

      我测试了下,效果最好的还是这两个。

      https://favicon.im/iamlm.com
      https://unavatar.io/iamlm.com

      推荐使用这两个。

  11. 紫慕 的头像

    看了一下自己博客的icon图标,回头还是得重新设计一下,辨识度太低了。

    1. Jeffer.Z 的头像

      直接换成头像就行啊,也可以设计一下,我是头像和图标统一,这样大家看到能记住是谁,而且不那么麻烦使用起来。

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

×