指南

如何创建网站图标

创建图标是一项 60 秒的工作:从一个正方形开始,生成一个多尺寸的 .ico,并将其链接到您的 HTML <head> 中。本指南将详细介绍每一步。

您的源图像应为正方形且至少为 512×512。 SVG 甚至更好——它可以在不损失质量的情况下进行扩展。

最低可行设置是单个多尺寸 favicon.ico。现代设置还包括用于 PWA 安装提示的 SVG、180×180 apple-touch-icon 和 192×192 + 512×512 PNG 对。

工作原理

  1. 1

    准备一个方形源

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

  2. 2

    产生

    使用我们的网站图标生成器将所有尺寸捆绑到一个 .ico 中。

  3. 3

    安装

    将 favicon.ico 放入您的站点根目录并将其链接到 <head>。

立即尝试

立即创建您的网站图标

Favicon 生成器

常见问题

制作网站图标最简单的工具是什么?+

我们的网站图标生成器——上传、点击生成、下载。无需注册,无需上传到服务器。

我的源图像应该是什么尺寸?+

最小 512×512。 SVG 是理想的选择。

我需要 apple-touch-icon 吗?+

是的,如果您想要 iOS 上有一个干净的主屏幕图标。 180×180 PNG,通过 <link rel="apple-touch-icon"> 链接。

相关工具

更多指南

指南

探索FetchFavicon

类别

转换器

公用事业

指南

教程