Favicon 生成器
在浏览器中生成完整的 favicon 套件:真正的多分辨率 favicon.ico、16 到 512 px 的 PNG、site.webmanifest 和 HTML 代码片段。
Favicon 生成器 — 拖入一张 PNG 或 JPG 图片,立即生成完整的 favicon 套件:真正的多分辨率 favicon.ico(16/32/48)、16 到 512 px 的方形 PNG 图标、一个 site.webmanifest 以及可直接粘贴的 HTML head 代码片段。可选择方形、圆角或可遮罩(maskable)形状,添加背景填充和内边距,然后单独下载任一尺寸、下载 .ico,或将整个套件打包为 ZIP 下载。所有处理都在你的浏览器本地完成——图片绝不会上传。
Favicon 生成器 是什么?
Favicon Generator 是一款免费的网页版网站图标制作工具,可将一张 PNG 或 JPG 图片转换成一整套即用型 favicon 套件。它专为需要快速制作 favicon 的开发者、网页设计师和站长打造,适用于 HTML、WordPress、PWA 或 Apple touch 图标,无需安装软件,也无需注册。它会打包一个真正的多分辨率 favicon.ico(16、32、48 px)、16、32、48、180(Apple touch)以及 192/512 px(Android/PWA)的方形 PNG 图标、一个 site.webmanifest 和一段 HTML head 代码片段,全部通过高质量的 canvas 缩放渲染。当你想把 logo 或图片转换成现代网站所需的每一个 favicon 文件、且完全在自己设备上完成时,随时都能用上它。
如何使用 Favicon 生成器
- 将 PNG 或 JPG 图片拖到拖放区,或点击它从设备中浏览并选择文件。
- 打开设置齿轮,选择方形、圆角或可遮罩形状,开启背景填充颜色,并设置边缘内边距。
- 等待工具自动渲染每个尺寸、打包多分辨率 favicon.ico,并生成 site.webmanifest 和 HTML 代码片段。
- 点击任意缩略图打开缩放灯箱,或直接从各自面板复制 HTML <head> 代码片段和 manifest 文本。
- 使用单尺寸按钮仅保存一张 PNG,使用 .ico 按钮保存图标合集,或点击“下载套件”将全部内容打包为 ZIP。
- 点击重置以清除当前图片,重新换一张开始。
示例
从 Logo 到完整 favicon 套件
拖入一张 PNG 标志,即可得到 favicon.ico、favicon-16x16.png、favicon-32x32.png、favicon-48x48.png、apple-touch-icon.png、android-chrome-192x192.png、android-chrome-512x512.png 和 site.webmanifest,以及配套的 <head> 代码片段——全部打包进 favicon-package.zip。
可遮罩的 Android 图标
将形状切换为可遮罩并开启白色背景:工具会添加安全区内边距,并把 manifest 图标的 purpose 设为 "maskable",这样 Android 就能将其裁切为圆形或圆角方形而不会切到你的 logo。
带内边距的圆角图标
选择圆角形状和约 12% 的内边距,即可获得柔和裁切的圆角以及图案四周的留白,契合现代应用图标的风格。
常见问题
- favicon.ico 是真正的多分辨率图标吗?
- 是的。工具会把 16、32 和 48 px 的 PNG 逐字节打包进一个 favicon.ico 容器(在你的浏览器中生成),因此这一个 .ico 文件可为浏览器标签页和书签提供三种分辨率。
- ZIP 套件里包含哪些文件?
- ZIP 包含 favicon.ico、PNG 图标(16、32、48、180、192 和 512 px,采用常规命名)以及 site.webmanifest。粘贴提供的 HTML <head> 代码片段即可将它们接入你的页面。
- 形状和内边距选项有什么作用?
- 方形保持普通的方形图标,圆角会裁切四角,可遮罩会添加安全区边距并把 manifest 图标标记为 maskable 以适配 Android。内边距会缩小每个方形内的图案,背景填充则在其后方上色。
- 我可以上传哪些图片格式?
- 你可以拖入或浏览选择一张 PNG 或 JPG 图片。工具会读取这一张源图片,并据此渲染每个输出尺寸、favicon.ico 和 manifest。
- 我的图片会被上传到服务器吗?
- 不会。所有处理都通过 Canvas API 在你的浏览器本地完成——PNG 图标、favicon.ico 容器和 ZIP 都在你的设备上生成,因此图片绝不会被上传。