无需登录 数据私有 本地保存

网站图标一键提取 - 从任何URL获取Favicon

12
0
0
0

网站图标一键提取

从任何URL获取Favicon，支持多种尺寸预览与下载

快速尝试： GitHub Google Apple YouTube Stack Overflow Reddit
等待输入网址

在上方输入任意网站的URL，即可一键提取该网站的Favicon图标。
支持多种尺寸预览，方便用于书签、应用图标等场景。

常见问题与知识点
什么是 Favicon？它有什么作用？
Favicon（Favorite Icon）是网站在浏览器标签页、书签栏、地址栏中显示的小图标。它帮助用户在多个打开的标签页中快速识别网站，提升品牌辨识度。Favicon 通常为 16×16 或 32×32 像素，现代浏览器也支持更大尺寸（如 128×128 或 256×256）用于不同场景展示。
Favicon 支持哪些文件格式？
常见的 Favicon 格式包括：
• ICO：最传统、兼容性最好的格式，支持在一个文件中包含多个尺寸。
• PNG：现代网站广泛使用，支持透明背景，Google Favicon 服务返回的就是 PNG 格式。
• SVG：矢量格式，可无限缩放，适合响应式设计，但部分旧浏览器不支持。
• GIF：支持动画，少数网站使用动态 Favicon。
Favicon 的常见尺寸有哪些？
最常用的 Favicon 尺寸包括：
• 16×16：经典尺寸，用于浏览器标签页和地址栏。
• 32×32：高分辨率屏幕上的标签页图标。
• 48×48：Windows 任务栏和桌面快捷方式。
• 64×64：macOS 和部分移动设备使用。
• 128×128、256×256：用于高清显示和 PWA 应用图标。
建议使用 ICO 格式包含 16、32、48 三种尺寸，同时提供 192×192 的 PNG 用于 PWA。
如何在网站中设置 Favicon？
在 HTML 的 <head> 中添加以下代码：
<link rel="icon" type="image/x-icon" href="/favicon.ico">
或使用 PNG 格式：
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
也可同时提供多种尺寸以适配不同设备。Apple 设备还需设置 Apple Touch Icon。
为什么有些网站无法提取到 Favicon？
可能的原因：
• 网站未设置 Favicon（极少数情况）。
• Favicon 路径不在根目录，且 HTML 中未正确声明。
• 网站使用了 JavaScript 动态加载 Favicon。
• 某些服务（如 Google Favicon 服务）可能在国内网络环境下访问受限。
• 网站使用了 base64 内嵌的 Favicon，外部服务无法解析。
本工具使用 Google Favicon 服务作为主要来源，同时提供原始 favicon.ico 链接作为备用。
这个工具是如何工作的？
本工具通过以下方式获取 Favicon：
1. 从您输入的 URL 中提取域名。
2. 使用 Google Favicon 服务（google.com/s2/favicons）获取多种尺寸的 Favicon，该服务会缓存全球网站的图标并提供跨域访问。
3. 同时提供原始 /favicon.ico 链接，方便您直接访问源文件。
4. 所有图片均可在浏览器中直接预览和下载，无需后端服务，完全在您的浏览器中运行。
什么是 Apple Touch Icon？与普通 Favicon 有何区别？
Apple Touch Icon 是苹果设备（iPhone、iPad）将网站添加到主屏幕时显示的图标，通常为 180×180 像素的 PNG 文件。它与传统 Favicon 的区别在于尺寸更大、要求更高清晰度。设置方式：
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
如何下载和使用提取到的 Favicon？
本工具为每种尺寸提供了独立的下载按钮，点击即可保存 PNG 图片到本地。您也可以点击复制链接获取图片 URL。对于需要原始 ICO 文件的用户，可以点击底部的"查看原始 favicon.ico 文件"链接。下载的图标可用于书签管理、应用开发、设计参考等场景。
🔧 相关工具