网站图标尺寸解释
浏览器、操作系统和安装提示各自请求不同的图标分辨率。本指南将每种常见尺寸映射到其表面,以便您确切地知道从一张源图像生成什么。
标准和 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
选择方形源
512×512 PNG 或 SVG 带有方形 viewBox。
- 2
导出全套
使用我们的 .ico、apple-touch-icon 和清单 PNG 的图标生成器。
- 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。