网站图标(favicon)生成器

上传一张图片,自动获得所有必需尺寸的网站图标(16x16、32x32、48x48 以及用于 Apple Touch 图标的 180x180)。

源图片最好是分辨率良好的正方形图片(徽标、图标等)。拖放或点击浏览。

工作原理

您有一个徽标(通常是从 Figma、Canva 或设计软件导出的方形 PNG),需要将它以浏览器标签图标和移动端主屏幕图标的形式集成到网站中。此工具无需为每种尺寸手动调整文件大小,只需一键即可生成所有预期的规格:16x16 和 32x32 用于浏览器标签,48x48 用于 Windows 快捷方式,180x180 用于 Apple Touch 图标(添加到 iOS 主屏幕)。

真正需要哪些网站图标尺寸?

实际上,32x32 覆盖了大多数现代桌面浏览器(高密度屏幕通常使用两倍尺寸,因此需要 48x48),而 180x180 是苹果为 iPhone 和 iPad 主屏幕图标推荐的尺寸。16x16 对旧版收藏夹仍然有用,但已不再是严格必需的。

应该把生成的文件放在网站的哪个位置?

将下载的 PNG 文件放在网站根目录下(例如 /favicon-32.png ),然后在 HTML 页面的 <head> 中通过标签引用它们, <link rel="icon"> 用于标准尺寸, <link rel="apple-touch-icon"> 用于 180x180 版本。

和我们所有的工具一样,此生成器完全在您的浏览器中通过 WebAssembly 运行:您的徽标永远不会被发送到服务器。