Favicon 生成器
在浏览器中将一张 PNG 或 JPG 图片转换为 16、32、48、180 和 512 px 的方形图标。
Favicon 生成器 — 拖入一张 PNG 或 JPG 图片,立即获得完整的 favicon 套件:16、32、48、180(Apple touch)以及 512 px(PWA)的方形 PNG 图标。每个尺寸都使用高质量的 Canvas 缩放渲染,可单独下载,也可一次性全部下载。所有处理都在你的浏览器本地完成——图片绝不会上传。
Favicon 生成器 是什么?
Favicon Generator 是一款免费的网页版网站图标制作工具,可将一张 PNG 或 JPG 图片转换成一整套方形网站图标。它专为需要快速制作 favicon 的开发者、网页设计师和网站站长打造,适用于 HTML、WordPress、PWA 或 Apple touch 图标,无需安装软件,也无需注册。只需拖入一张源图片,它就会立即生成 16、32、48、180(Apple touch)和 512 px(PWA)的方形 PNG 图标,每个尺寸都通过高质量的 canvas 渲染进行缩放。当你想把 logo 或图片完全在自己设备上转换成可直接使用的 favicon 文件时,随时都能用上它。
如何使用 Favicon 生成器
- 将 PNG 或 JPG 图片拖到拖放区,或点击它从设备中浏览并选择文件。
- 等待工具自动渲染全部五种尺寸;源图片预览和每个生成的图标会显示在下方。
- 点击源图片或任意图标缩略图,打开缩放灯箱,查看它在该像素尺寸下的效果。
- 点击某一行的单尺寸下载按钮,仅保存该尺寸,例如只下载 32 px 或 512 px 的 PNG。
- 点击“全部下载”,一次性保存所有生成的尺寸。
- 使用重置按钮清除当前图片,重新换一张开始。
示例
从 Logo 生成完整 favicon 套件
拖入一张名为 logo.png 的 PNG 公司标志,即可得到五个方形 PNG 文件:logo-16x16.png、logo-32x32.png、logo-48x48.png、logo-180x180.png 和 logo-512x512.png,可直接放入 public 文件夹。
非方形源图片
上传一张宽幅 JPG 横幅,工具会保留原始宽高比,将其居中放置在每个方形中并填充透明边距,使图标绝不会被拉伸或变形。
仅需 Apple touch 和 PWA 图标
让整套图标渲染完成后,单独下载 180 px 的 Apple touch 图标和 512 px 的 PWA 图标,而不必下载整批。
常见问题
- 我可以上传哪些图片格式?
- 你可以拖入或浏览选择一张 PNG 或 JPG 图片。工具会读取这一张源图片,并据此渲染出所有输出尺寸。
- 它会生成哪些 favicon 尺寸?
- 它会输出五种方形尺寸:16、32 和 48 px 的标准 favicon、180 px 的 Apple touch 图标和 512 px 的 PWA 图标。每个都是独立的 PNG 文件。
- 图标是 PNG 还是 ICO 文件?
- 所有生成的图标都是 PNG。工具为每种尺寸分别生成独立的方形 PNG 文件,而不是合并成一个 ICO 文件。
- 如果我的图片不是方形,会被拉伸吗?
- 不会。每种尺寸都会保留原始宽高比,通过高质量的 canvas 缩放将其居中放置在方形内,并用透明边距填充剩余空间。
- 我的图片会被上传到服务器吗?
- 不会。所有处理都通过 Canvas API 在你的浏览器本地完成。你的图片绝不会被上传,因此它会完全私密地保留在你自己的设备上。