应用和仪表盘
在 CRM、书签页、集成列表或周报中,把每个网站的图标显示在其链接旁边。
粘贴网址,下载该网站的 favicon 和应用图标,或者完整的 favicon 套件:ICO、16 到 512 px 的 PNG 和 Web 应用清单。
试试
已经有文件了?
松开即可打开 Logo
点击某个 Logo,可换成在该网站上找到的下一个,或将其移除。
适用于 Reels、TikTok 和 YouTube 的 3D Logo 动画视频、光泽感 3D 图片和 3D 打印文件,在浏览器中几秒钟即可生成。
三个步骤。无需浏览器扩展,无需代码,也无需账户。
输入或粘贴网站地址,开始查找。提取工具会读取网站声明的每个图标:浏览器标签页图标、iPhone 主屏幕图标、Web 应用图标和 Safari 固定标签页图标。
每个图标都以大图显示,并用通俗的文字标明类型和像素尺寸。想要公司的完整 Logo,而不只是图标?用 Logo 查找器下载公司的完整 Logo。
把图标保存为 PNG 或 SVG;点击“ICO”,得到一个包含 16 到 256 px 所有尺寸的 .ico 文件;或者下载 favicon 套件:16、32、48、180、192 和 512 px 的 PNG,.ico 文件,以及 site.webmanifest,全部打包在一个 ZIP 中。
大多数网站最多有四种图标,各自用于不同的位置。提取工具会把它们全部找出来,您可以挑最清晰的那个。
| 图标 | 显示位置 | 尺寸 | 网站中的声明方式 |
|---|---|---|---|
| favicon(网站图标) | 浏览器标签页、书签、历史记录,以及 Google 搜索结果中网站名称旁边 | 16、32 和 48 px 等小方形图标;用于搜索结果时,Google 建议大于 48 × 48 px | rel="icon",或 /favicon.ico 文件 |
| Apple touch icon | iPhone 和 iPad 主屏幕 | iPhone 为 180 × 180 px,见 Apple 的 Safari Web 内容指南(存档版) | rel="apple-touch-icon" |
| Web 应用图标 | Android 主屏幕、已安装的 Web 应用及其启动画面 | 192 和 512 px:安装 Web 应用时,Chromium 内核浏览器两种尺寸都需要 | 列在 site.webmanifest 中 |
| Safari 固定标签页图标 | Mac 版 Safari 的固定标签页 | 单色 SVG,任意尺寸都清晰 | rel="mask-icon" |
要用在比标签页更大的地方,大尺寸应用图标是最好的起点:图块、演示文稿、打印出来的清单。
浏览器会沿着一条简短的路径找到网站图标。提取工具走的是同一条路径,所以能找到每个浏览器和手机都会显示的图标。
先看页面头部。带 rel="icon" 的 link 标签会指明图标文件,通常每个尺寸一个,另加一个 SVG,浏览器会挑选最适合屏幕的那个。
再看网站根目录。页面没有指明图标时,浏览器会请求网站根目录下的 /favicon.ico,这是早期 Internet Explorer 首创的 favicon 存放位置。提取工具同样会检查根目录。
手机读取各自的图标。iPhone 和 iPad 会查找 Apple touch icon,Android 和已安装的 Web 应用则读取 site.webmanifest 中列出的图标。
Google 读取首页。在搜索结果中,Google 会采用首页链接的图标,前提是 Googlebot 可以抓取该页面和图标文件。
大多数网站会为同一个图标提供多种尺寸。选择适合用途的那个,一次就清晰到位。
网站声明的每个图标都有自己的图块,并标明像素尺寸:16、32 或 48 px 的标签页图标,180 px 的 Apple touch icon,最大 512 px 的 Web 应用图标;网站有 SVG 图标时,也会一并列出。
用于列表、表格或标签页样机时,标签页图标的尺寸正合适。用于演示文稿、图块或打印出来的清单时,选择 512 px 的应用图标或 SVG。用于 Windows 快捷方式时,在最大的图标上点击“ICO”,得到一个包含 16 到 256 px 所有尺寸的 .ico 文件。
要用自己的图片制作图标?PNG 转 ICO 工具能把任意 PNG 或 Logo 转成多尺寸 .ico 和完整的 favicon 套件。
网站所需的每一个图标文件,都由同一个图标或 Logo 生成,一次下载即可。
| 文件 | 说明 | 用途 |
|---|---|---|
| favicon.ico | 一个包含小尺寸的图标文件 | 浏览器向网站请求的 /favicon.ico 文件。一个 ICO 文件可以包含多个图标。 |
| icon-256.ico | 一个包含 16 到 256 px 所有尺寸的图标文件 | Windows 快捷方式、文件夹和应用图标,从标题栏到开始菜单都清晰 |
| 16、32 和 48 px 的 PNG | 透明背景的小方形 PNG | 浏览器标签页、书签和快捷方式,适用于普通屏幕和高分辨率屏幕 |
| 180 px 的 PNG | Apple touch icon | iPhone 和 iPad 主屏幕 |
| 192 px 的 PNG | Web 应用图标 | Android 主屏幕和已安装的 Web 应用 |
| 512 px 的 PNG | 大尺寸 Web 应用图标 | 安装界面和启动画面,以及任何需要大方形图标的地方 |
| favicon.svg | 矢量格式的图标(Logo 有矢量版本时提供) | 在支持 SVG 图标的浏览器中,标签页图标任意尺寸都清晰 |
| site.webmanifest | 一个小型文本文件 | 告诉 Android 和已安装的 Web 应用去哪里找到 192 和 512 px 的图标 |
| add-to-your-head.html | 放进页面头部的代码行 | 复制粘贴,一次链接所有图标 |
favicon、社交媒体主页和印刷所需的每种尺寸及其显示位置,都在 favicon 与 Logo 尺寸指南中。
把套件中的文件复制到网站的主文件夹,并在每个页面的头部添加四行代码。
文件放在根文件夹(首页所在的位置)后,这几行代码会告诉浏览器、手机和 Google 去哪里找它们。文件名以套件中的为准:
<link rel="icon" href="/favicon.ico">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">建站工具和网店平台则有网站图标设置:在那里上传 512 px 的 PNG 即可。
Google 可以在搜索结果中您的网页旁边显示 favicon。Google 的指南要求图标为方形并由首页链接,建议尺寸大于 48 × 48 px,并且 Googlebot 必须能够抓取它。
favicon 是公司 Logo 最小、也最易辨认的形态,因此用途远不止浏览器标签页。
在 CRM、书签页、集成列表或周报中,把每个网站的图标显示在其链接旁边。
浏览器标签页、手机主屏幕,或列出团队所用工具的演示文稿,配上各网站自己的图标就显得很真实。
以大图查看您网站提供的每个图标在浅色和深色背景上的效果,并了解网站具备哪几类图标:标签页图标、Apple touch icon、应用图标、固定标签页图标。
改版前先收集客户现有的图标,再交付用新 Logo 制作的全新 favicon 套件。
在合作伙伴、插件或支付方式的网格中,小方形图标排列整齐,每个占一格,干净利落。
一个小方形图标就能标注供应商清单、软件清单或项目规划表中的每一行,让人一眼看懂。
要给一排客户放上大小统一的完整 Logo,可以用 Logo 墙制作工具。要把白底上的 Logo 变成干净的透明图标,可以用 Logo 去背景工具。
把 Logo 拖到框中,再点击“favicon”下载:套件会把 Logo 居中放在方形画布上(每个图标位置都要求方形),上面所有尺寸都由这一个文件生成。
标签页图标只有 16 像素宽,所以用 Logo 中的图形或单个字母,比用完整名称更易辨认。“白色”和“任意颜色”版本一键就能做出浅色或品牌色图标,Logo 转 SVG 工具则能给您一个矢量标志作为起点。
在为开发者或网站所有者撰写文章?每当提到 favicon,都可以链接到这里。
复制下方代码片段,或按以下格式引用本工具:Proofscene,“免费网站图标提取工具”,proofscene.com,2026。
<a href="https://proofscene.com/zh/tools/favicon-grabber/">免费网站图标提取工具</a>把网址粘贴到网站图标提取工具中。它会读取该网站的标签页图标、Apple touch icon、Web 应用图标和 Safari 固定标签页图标,以大图显示每个图标及其尺寸,您可以把其中任意一个下载为 PNG 或 ICO,也可以下载整个 favicon 套件。
选择网站上最大的图标。Apple touch icon 通常为 180 px,Web 应用图标可达 512 px,比 16 px 的标签页图标清晰得多;有些网站还提供 SVG 图标,任意尺寸都清晰。要获取公司的完整 Logo,用 Logo 查找器即可。
页面头部指向哪里,它就在哪里:link 标签会指明每个图标文件,通常有多种尺寸。许多网站还会在网站根目录放一个 favicon.ico,并在 site.webmanifest 中列出应用图标。提取工具会读取所有这些位置;页面没有指明图标时,还会检查常见的根目录位置。
favicon 是网站显示在浏览器标签页、书签和历史记录中,以及 Google 搜索结果中网页旁边的小方形图标。它通常是 Logo 的图形部分或首字母,专门设计成在 16 像素下也能看清。
可以。网站声明的每个图标都会显示在单独的图块中,并标明类型和像素尺寸:标签页图标、Apple touch icon、Web 应用图标和固定标签页图标。您可以下载其中任意一个,也可以把整套图标作为 favicon 套件下载。
可以。把 Logo 拖到本页,再点击“favicon”下载:favicon.ico,包含 16 到 256 px 所有尺寸的 .ico,16、32、48、180、192 和 512 px 的 PNG,site.webmanifest,以及放进页面头部的 HTML 代码,全部在浏览器中生成。
因为标签页图标非常小,通常只有 16 到 48 px。要更清晰的图标,可以选择网站的 Apple touch icon 或 Web 应用图标,它们大得多;也可以用 Logo 查找器获取完整 Logo。
是的。无需注册即可查找网站,注册免费账户可解锁更多查找次数。用自己的 Logo 制作 favicon 套件免费且不限次数。
这款工具对您有多大帮助?