指南

网站图标尺寸解释

浏览器、操作系统和安装提示各自请求不同的图标分辨率。本指南将每种常见尺寸映射到其表面,以便您确切地知道从一张源图像生成什么。

标准和 2× 显示屏上的 16×16 和 32×32 高级浏览器选项卡和书签。它们属于 favicon.ico 内部,并作为可选的独立 PNG。

48×48 和 64×64 覆盖 Windows Explorer、任务栏引脚和一些搜索片段。

128×128 和 256×256 用于多尺寸 .ico 文件和高 DPI Windows UI。

180×180 是 iOS 主屏幕的 apple-touch-icon。 Android 和 Chromium PWA 安装 UI 需要 192×192 和 512×512。

工作原理

  1. 1

    选择方形源

    512×512 PNG 或 SVG 带有方形 viewBox。

  2. 2

    导出全套

    使用我们的 .ico、apple-touch-icon 和清单 PNG 的图标生成器。

  3. 3

    每个尺寸的链接

    从 README 包或 HTML 生成器指南中复制粘贴就绪的 <link> 标签。

立即尝试

生成每个图标大小

Favicon 生成器

常见问题

我实际上需要多少个网站图标尺寸?+

最小值:多尺寸 .ico (16/32/48) + 180 apple-touch-icon。建议:PWA 添加 192 和 512。

一张图片可以适用于所有尺寸吗?+

是的 — 从 512×512 或 SVG 开始,并以编程方式导出每个尺寸。永远不要升级一个小标志。

哪个尺寸对 SEO 最重要?+

Google 在搜索中至少使用 48×48。将 48 发送到您的 .ico 中并作为独立的 PNG。

相关工具

更多指南

指南

探索FetchFavicon

类别

转换器

公用事业

指南

教程