什么是 Favicon？

Favicon（Favorite Icon）是显示在浏览器标签、收藏夹、历史记录和部分移动端快捷方式上的小图标。它强化品牌识别，也让用户在多标签场景中更快找到你的站点。

本工具如何工作？

由于浏览器跨域限制，前端无法任意读取他站 HTML。本工具组合多种公开图标解析路径与服务：

Google Favicon API：多尺寸图标获取
DuckDuckGo Icons：快速默认图标
Apple Touch Icon：尝试更高分辨率触控图标
标准路径：如 /favicon.ico

使用场景

为导航站、书签工具采集站点图标
检查上线站是否正确配置 favicon
设计竞品调研时快速取样
替换损坏图标前先确认可用来源

配置建议

至少提供 32×32 / 48×48 ICO 或 PNG
移动端补充 apple-touch-icon（180×180 常见）
在 head 中声明明确的 icon link
部署后强刷缓存验证标签页图标

能力边界

图标可用性取决于目标站与第三方服务；部分站点可能返回通用地球图标或失败。下载时若浏览器拦截跨域保存，可新开图片地址后右键另存为。

不同图标格式怎么选？

favicon.ico 兼容性最好，适合兼容旧浏览器和需要单一入口的站点；PNG 通常更适合提供 32×32、48×48 等固定尺寸，边缘清晰且容易检查透明背景；SVG 可以在不同尺寸下保持锐利，但需要确认目标环境允许使用 SVG 图标。Apple Touch Icon 一般面向 iPhone、iPad 等设备保存网页到主屏幕的场景，常见尺寸为 180×180。

提取结果中的尺寸不一定代表原始文件的全部能力。例如第三方图标服务可能把一个来源缩放成多个尺寸，直接访问 favicon.ico 才可能拿到目标站实际返回的文件。因此，用于浏览器标签页时可优先选择体积小、边缘清楚的版本；用于移动端快捷方式或设计采集时，应进一步核对原始地址和像素尺寸。

提取失败时如何排查？

先确认输入的是公开域名，例如 example.com，不要把搜索关键词当成网址。
如果只有部分来源加载成功，优先使用能够正常打开的图标地址，其他来源可能受到防盗链或跨域策略限制。
如果全部结果都是通用图标，目标站可能没有配置 favicon，或者第三方服务暂时没有更新缓存。
如果目标站使用了非标准文件名或只声明了 SVG，需要打开站点源码检查 <link rel="icon"> 的实际地址。

前端项目配置建议

在自己的站点中，建议同时提供一个兼容入口和一个明确尺寸的 PNG，并在 HTML 的 <head> 中声明。例如，浏览器标签页可以使用 /favicon.ico，高分辨率场景可以补充 icon-32.png 和 apple-touch-icon.png。部署后应分别在无缓存窗口、移动设备和深色背景下检查，确认图标没有白边、模糊或透明度异常。

使用图标时的版权边界

本工具只负责查找公开可访问的图标地址，不代表使用者取得了目标品牌的商标、版权或商业授权。个人书签、测试和内部调研通常风险较低；如果要把他人 Logo 用于网站、应用、广告或商品，请先确认品牌方的使用规范，并保留来源记录。

FAQ

选择图标时，优先查看来源、尺寸和格式。favicon.ico 适合浏览器标签页，Apple Touch Icon 通常用于移动端快捷方式；如果同一网站返回多个结果，应结合实际用途选择清晰度最高且来源可靠的图标。

本工具不会修改目标网站，也不会保存你输入的域名。结果来自公开图标地址和标准路径，遇到防盗链、跨域策略或站点未配置图标时，某些来源可能无法加载。

为什么有的站提取失败？ 目标站无图标、防盗链或第三方图标服务暂不可用。

下载的是原图吗？ 多数为图标服务返回的可访问地址，分辨率因来源而异。

会爬取网站源码吗？ 受 CORS 限制，主要通过公开图标服务与标准路径尝试。

能批量整站吗？ 当前按单域名提取，适合逐个站点处理。

网站图标提取器

Domain.com

怎么用

常见问题

相关工具