下载任意网站的 favicon 图标

粘贴网址,下载该网站的 favicon 和应用图标,或者完整的 favicon 套件:ICO、16 到 512 px 的 PNG 和 Web 应用清单。

试试

已经有文件了?

  • 免费,无需注册
  • .ico 和 16 到 512 px 的 PNG
  • Apple touch icon
  • Web 应用清单

您的 Logo 3D 版

正在生成您的 3D Logo…
0:00

拖动 Logo 即可旋转。

动画

背景

表面效果

颜色与形状

颜色

边缘

厚度

声音

片尾

免费预览。注册免费账户即可下载。

如何获取网站的 favicon

三个步骤。无需浏览器扩展,无需代码,也无需账户。

  1. 粘贴网址

    输入或粘贴网站地址,开始查找。提取工具会读取网站声明的每个图标:浏览器标签页图标、iPhone 主屏幕图标、Web 应用图标和 Safari 固定标签页图标。

  2. 选择图标

    每个图标都以大图显示,并用通俗的文字标明类型和像素尺寸。想要公司的完整 Logo,而不只是图标?用 Logo 查找器下载公司的完整 Logo。

  3. 下载单个图标,或获取整套图标

    把图标保存为 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 pxrel="icon",或 /favicon.ico 文件
Apple touch iconiPhone 和 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"

要用在比标签页更大的地方,大尺寸应用图标是最好的起点:图块、演示文稿、打印出来的清单。

浏览器从哪里查找 favicon

浏览器会沿着一条简短的路径找到网站图标。提取工具走的是同一条路径,所以能找到每个浏览器和手机都会显示的图标。

先看页面头部。带 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 套件。

favicon 套件里有什么?

网站所需的每一个图标文件,都由同一个图标或 Logo 生成,一次下载即可。

文件说明用途
favicon.ico一个包含小尺寸的图标文件浏览器向网站请求的 /favicon.ico 文件。一个 ICO 文件可以包含多个图标。
icon-256.ico一个包含 16 到 256 px 所有尺寸的图标文件Windows 快捷方式、文件夹和应用图标,从标题栏到开始菜单都清晰
16、32 和 48 px 的 PNG透明背景的小方形 PNG浏览器标签页、书签和快捷方式,适用于普通屏幕和高分辨率屏幕
180 px 的 PNGApple touch iconiPhone 和 iPad 主屏幕
192 px 的 PNGWeb 应用图标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 尺寸指南中。

如何给网站添加 favicon?

把套件中的文件复制到网站的主文件夹,并在每个页面的头部添加四行代码。

文件放在根文件夹(首页所在的位置)后,这几行代码会告诉浏览器、手机和 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 做什么用?

favicon 是公司 Logo 最小、也最易辨认的形态,因此用途远不止浏览器标签页。

应用和仪表盘

在 CRM、书签页、集成列表或周报中,把每个网站的图标显示在其链接旁边。

样机和演示文稿

浏览器标签页、手机主屏幕,或列出团队所用工具的演示文稿,配上各网站自己的图标就显得很真实。

检查自己的网站

以大图查看您网站提供的每个图标在浅色和深色背景上的效果,并了解网站具备哪几类图标:标签页图标、Apple touch icon、应用图标、固定标签页图标。

设计公司和自由职业者

改版前先收集客户现有的图标,再交付用新 Logo 制作的全新 favicon 套件。

集成与合作伙伴网格

在合作伙伴、插件或支付方式的网格中,小方形图标排列整齐,每个占一格,干净利落。

文档和电子表格

一个小方形图标就能标注供应商清单、软件清单或项目规划表中的每一行,让人一眼看懂。

要给一排客户放上大小统一的完整 Logo,可以用 Logo 墙制作工具。要把白底上的 Logo 变成干净的透明图标,可以用 Logo 去背景工具。

用自己的 Logo 制作 favicon

把 Logo 拖到框中,再点击“favicon”下载:套件会把 Logo 居中放在方形画布上(每个图标位置都要求方形),上面所有尺寸都由这一个文件生成。

标签页图标只有 16 像素宽,所以用 Logo 中的图形或单个字母,比用完整名称更易辨认。“白色”和“任意颜色”版本一键就能做出浅色或品牌色图标,Logo 转 SVG 工具则能给您一个矢量标志作为起点。

链接到此工具

在为开发者或网站所有者撰写文章?每当提到 favicon,都可以链接到这里。

复制下方代码片段,或按以下格式引用本工具:Proofscene,“免费网站图标提取工具”,proofscene.com,2026。

<a href="https://proofscene.com/zh/tools/favicon-grabber/">免费网站图标提取工具</a>

网站图标提取常见问题

关于 favicon 的清晰解答:如何提取、网站把它们放在哪里、有哪些尺寸,以及如何自己制作。

有问题尽管问我们
如何获取任意网站的 favicon?

把网址粘贴到网站图标提取工具中。它会读取该网站的标签页图标、Apple touch icon、Web 应用图标和 Safari 固定标签页图标,以大图显示每个图标及其尺寸,您可以把其中任意一个下载为 PNG 或 ICO,也可以下载整个 favicon 套件。

如何下载高分辨率的 favicon?

选择网站上最大的图标。Apple touch icon 通常为 180 px,Web 应用图标可达 512 px,比 16 px 的标签页图标清晰得多;有些网站还提供 SVG 图标,任意尺寸都清晰。要获取公司的完整 Logo,用 Logo 查找器即可。

网站的 favicon 存放在哪里?

页面头部指向哪里,它就在哪里:link 标签会指明每个图标文件,通常有多种尺寸。许多网站还会在网站根目录放一个 favicon.ico,并在 site.webmanifest 中列出应用图标。提取工具会读取所有这些位置;页面没有指明图标时,还会检查常见的根目录位置。

什么是 favicon?

favicon 是网站显示在浏览器标签页、书签和历史记录中,以及 Google 搜索结果中网页旁边的小方形图标。它通常是 Logo 的图形部分或首字母,专门设计成在 16 像素下也能看清。

也可以下载 Apple touch icon 和应用图标吗?

可以。网站声明的每个图标都会显示在单独的图块中,并标明类型和像素尺寸:标签页图标、Apple touch icon、Web 应用图标和固定标签页图标。您可以下载其中任意一个,也可以把整套图标作为 favicon 套件下载。

可以用自己的 Logo 制作 favicon 套件吗?

可以。把 Logo 拖到本页,再点击“favicon”下载:favicon.ico,包含 16 到 256 px 所有尺寸的 .ico,16、32、48、180、192 和 512 px 的 PNG,site.webmanifest,以及放进页面头部的 HTML 代码,全部在浏览器中生成。

为什么 favicon 放大后会变模糊?

因为标签页图标非常小,通常只有 16 到 48 px。要更清晰的图标,可以选择网站的 Apple touch icon 或 Web 应用图标,它们大得多;也可以用 Logo 查找器获取完整 Logo。

网站图标提取工具免费吗?

是的。无需注册即可查找网站,注册免费账户可解锁更多查找次数。用自己的 Logo 制作 favicon 套件免费且不限次数。

这款工具对您有多大帮助?

让 Logo 在您印刷的每件产品上以 3D 呈现

Proofscene 把 PDF 样稿变成交互式 3D 样稿,通过您自己的品牌专属链接发送,让客户在生产之前就能看到自己的卡片、包装和腕带。

免费账户 · 无需信用卡 · 印刷人打造