100% in your browser
Source never uploaded
Drop an image here or click to browse
Square images work best — PNG · JPG · WebP · SVG
Generating…
Favicon 生成器 一键生成所有尺寸。
拖入一张正方形图片（建议 512×512）——即可获得 16、32、48、180、192 和 512 尺寸的 PNG 图标，以及可直接粘贴的 HTML 代码片段。
工作原理
1
拖入正方形图片
512×512 的 PNG 或 JPG 是最佳选择——工具会根据你的源文件自动缩放。
2
下载各尺寸图标
生成 16×16、32×32、48×48、180×180、192×192、512×512 的 PNG 文件。
3
粘贴 HTML 代码
将生成的 <link> 标签复制到你的 <head> 中即可。
为什么需要这些尺寸
32×32 — 浏览器标签页
浏览器在标签页中默认使用的尺寸。
180×180 — Apple Touch
iOS 设备的主屏幕图标。
192×192 / 512×512 — PWA
Android 安装所需的清单图标。
16×16 / 48×48 — 传统用途
用于书签栏和 Windows 快捷方式。
常见问题
2026 年我需要哪些尺寸？
32×32（标签页）、180×180（iOS）、192/512（PWA）。16×16 用于书签，48×48 用于 Windows。
还需要 .ico 格式吗？
现代浏览器不再需要。如果仍需兼容 IE11，则需要 /favicon.ico。
SVG favicon 更好吗？
扁平化 Logo 使用 SVG 更好。摄影类 Logo 则不适用。
文件会上传吗？
不会。所有缩放处理均在你的浏览器中完成。
Logo 不是正方形怎么办？
工具会在缩放前自动将图片居中裁剪为正方形。
支持明暗模式吗？
可以使用带有彩色背景的 PNG，或使用支持 prefers-color-scheme 的 SVG。
我需要什么 HTML 代码？
生成的代码片段包含了 <link rel="icon">、Apple touch icon 和 manifest 链接。
需要 manifest.json 吗？
仅在需要 PWA 安装提示时才需要。