上传一张高分辨率 PNG 或 JPG 方形 Logo,即可在浏览器本地自动裁切并打包多尺寸二进制 favicon.ico、HTML <head> 引入代码,以及符合 iOS、Android、macOS 和 Windows 规范的全套应用图标。
100% 浏览器本地处理 — 文件绝不上传服务器,零隐私泄露风险
或点击选择文件
为获得最佳效果,请上传至少 512x512 像素的方形图片。
适用于所有现代浏览器和设备。
适用于 iOS、Android、macOS 和 Windows。
将生成一个完整的图标包,包括多种 PNG 尺寸、一个 favicon.ico 文件和配置文件。
仅需输入一张 1024×1024 像素主图,即可秒级自动生成以下三大场景的完整标准工程包:
生成真正的复合二进制 favicon.ico 文件,同时配齐 iOS Safari 添加到主屏幕图标、Android Chrome 渐进式 Web 应用图标,并提供一键复制的 HTML <link> 标签代码。
彻底告别在 Photoshop 或 Figma 中手动导出二十几个尺寸的繁琐工作,自动按官方命名规范生成 iPhone、iPad、App Store (1024×1024) 及安卓各屏幕密度目录。
专为 Electron、Tauri、Flutter 及 C#/.NET 桌面开发者打造,无需配置命令行工具即可一键生成高清任务栏图标、桌面快捷方式与 macOS 程序坞(Dock)图标。
现代网站与跨平台客户端早已不再只用一个 16×16 的小图标。各大浏览器、iOS、Android、Windows 和 macOS 要求提供超过 25 种不同像素尺寸与二进制封装格式。
把 .png 文件直接重命名为 .ico 会导致部分浏览器和 Windows 资源管理器无法识别或显示模糊。本工具将 16×16、32×32、48×48 三个图层按标准二进制文件头封装进同一个 favicon.ico 中。
手动导出 iOS 的 @1x/@2x/@3x 和 Android 的 mdpi 至 xxxhdpi 文件夹极易出错。只需上传一张 1024×1024 母版图,3 秒内自动生成按平台分类的 ZIP 压缩包。
无论是创业项目的新品牌 Logo 还是企业内部系统的应用图标,所有图像缩放、二进制编码与 ZIP 打包均在本地浏览器内存中完成,绝不上传至任何外部服务器。
为了确保从 1024×1024 的应用商店大图到 16×16 的浏览器标签页小图标都清晰锐利,请按以下要求准备源图:
请准备宽高完全相等的正方形图片,分辨率建议不低于 512×512 px(若需生成 iOS App Store 图标则必须为 1024×1024 px)。若上传非正方形或尺寸过小的图片,工具会自动给出检测提示。
支持直接上传 .png、.jpg、.jpeg 文件。如果您的 Logo 目前是 .svg 矢量格式,请先点击顶部导航的“SVG 转 PNG”导出为 1024×1024 px 的高清 PNG,再拖入本工具。
当图标缩小到浏览器标签栏的 16×16 像素时,任何多字口号或极细线条都会糊成一团。建议仅保留核心图形徽标或首字母缩写,并在四周预留约 10% 的安全边距。
网站 Favicon 与桌面软件图标非常适合使用透明背景 PNG;但苹果 iOS 应用图标不支持透明通道(透明区域会被系统强制填充为纯黑色),制作 iOS 图标时请使用不透明实心背景。
将准备好的 PNG/JPG 图片拖入蓝色虚线上传区,或点击上方的“加载示例应用 Logo 测试”按钮。左侧预览面板会立即显示图片效果并自动检测像素尺寸是否达标。
在右侧面板点击选择您的目标类型:做网站、博客或独立站请选择“Favicon 网站图标”;开发手机 App 或电脑客户端软件请选择“App 应用图标”。
若选择了 App 图标模式,可自由勾选 iOS (.appiconset)、Android (mipmap PNGs)、macOS (.icns) 和 Windows (.ico),随后点击蓝色的生成按钮。
点击下载按钮保存 Favicon.zip 或 App-Icons.zip。在网站图标模式下,还可直接点击代码块右上角的“Copy”按钮,一键复制标准 HTML <head> 图标引入标签。
下载的 ZIP 压缩包已经按照各平台工程规范整理好目录结构,解压即可直接投入使用:
将 Favicon.zip 解压后的所有文件放入网站的静态根目录(如 Next.js/Vue 的 public 目录或 WordPress 根目录),并将生成面板中的 <link> 代码粘贴到网页 <head> 标签内即可生效。
iOS 开发者可将解压出的 .appiconset 文件夹直接拖入 Xcode 的 Assets.xcassets 中;Android 开发者可将 mipmap-* 文件夹直接合并覆盖至 app/src/main/res/ 目录。
在 electron-builder 或 tauri.conf.json 配置文件中,直接引用压缩包内的 Windows .ico 与 macOS .icns 图标路径,即可完成安装包与桌面图标签名。
在制作网站 Favicon 和客户端图标时,以下三个常见误区最容易导致图标变形或模糊:
无论是浏览器标签页还是手机桌面图标,全部强制采用 1:1 正方形画布。将扁长的横幅 Logo 强行缩进 16×16 正方形中,图形高度只剩 4 个像素,完全无法辨认。
上传前请先裁切掉右侧的长串品牌文字,仅截取左侧正方形的图形标志(Symbol/图形徽标)并导出为 1024×1024 正方形图片。
苹果 iOS 系统规范不支持带 Alpha 透明通道的应用图标。如果您上传的是圆角镂空或全透明底的 PNG,iOS 系统会自动把透明区域全部渲染成纯黑色(#000000)。
如果需要制作 iOS 应用图标或添加到 iPhone 主屏幕的图标,请在设计软件中为 Logo 铺上一层纯白或品牌色直角正方形背景后再导出上传。
将 1024×1024 的复杂插画缩小 64 倍至 16×16 像素时,原本几十像素宽的细节会被抗锯齿算法平均化到仅仅 1 个像素内,产生视觉模糊感。
优秀的 Favicon 应当遵循“极简高对比”原则:加粗核心线条、去掉细小描边与阴影,确保在 16×16 尺寸下依然轮廓分明。
将本站的三个核心工具串联起来,即可完成从矢量源文件到全平台图标发布的全流程:
| 对比维度 | 图片转图标生成器(本工具) | SVG 转 PNG 转换器 | PNG 在线压缩工具 |
|---|---|---|---|
| 核心功能定位 | 将单张母版图一键切片并封装为多尺寸 .ico、.icns 及平台目录包 | 将无限缩放的 .svg 矢量图光栅化渲染为指定尺寸的高清透明 PNG | 在不改变像素宽高的前提下,将 PNG 文件字节大小压缩 50%–75% |
| 接收输入格式 | .png、.jpg、.jpeg(强烈建议 1024×1024 px 正方形) | .svg 矢量文件或直接粘贴 XML 矢量源码 | .png 位图文件(24 位 RGB / 32 位 RGBA) |
| 最终输出结果 | Favicon.zip(含 HTML 代码)或全平台 App-Icons.zip | 自定义像素尺寸的单张高清 .png 图片(支持 4K 与 300 DPI) | 像素尺寸完全不变、文件体积大幅缩小的 .png 图片 |
| 标准协同工作流 | 第 2 步:将 1024×1024 的 PNG 一键打包为全套网站与 App 图标 | 第 1 步:先把设计师给的矢量 Logo.svg 转为 1024×1024 像素 PNG | 第 3 步:对需要单独减重的大尺寸 PNG 图标进行极限体积压缩 |
非常简单!请先点击页面顶部导航栏的“SVG 转 PNG”工具,将输出宽高设置为 1024×1024 像素并下载高清 PNG;随后回到本页面将该 PNG 拖入,即可一键生成全套 favicon.ico 与应用图标包。
压缩包内包含复合多尺寸的 favicon.ico(内嵌 16×16、32×32、48×48 图层)、favicon-16x16.png、favicon-32x32.png、供苹果设备主屏幕书签使用的 apple-touch-icon.png (180×180),以及供安卓与 PWA 使用的 192×192 和 512×512 PNG 图标。
这是因为 Chrome、Safari 等浏览器对网站 Favicon 有极强的本地缓存机制。您可以通过“无痕/隐私模式”打开网站验证,或者在 HTML 的引入链接后面加上版本号参数强制刷新缓存,例如:<link rel="icon" href="/favicon.ico?v=2">。
100% 安全。本工具的图像多尺寸缩放、ICO/ICNS 二进制文件头封装以及 ZIP 压缩包打包,全部通过浏览器本地 JavaScript 与 Canvas 完成,您的图片数据全程不会离开您的电脑。
因为苹果 App Store 应用商店图标强制要求 1024×1024 px,macOS Retina 图标也需要高达 512×512@2x (1024 px) 的分辨率。从 1024×1024 向下缩小生成 512、180、32、16 等尺寸能保证每一档都极致清晰;反之用小图放大则会严重模糊。
每个工具专注解决一个具体需求,点击下方卡片可切换至对应工具页面。
将矢量 SVG 无损转换为透明底 PNG,支持自定义宽高像素(px)、4倍超清放大及 300 DPI 印刷元数据写入。
保持图片原始像素宽高 100% 不变,通过智能色彩量化缩减 50%–75% PNG 文件大小,完美保留半透明通道。
清除 Illustrator/Figma 导出的冗余元数据、注释与多余小数位,在不改变视觉效果下缩减 40%–80% 体积。
一次拖入数十或数百个 SVG 图标文件,批量导出为 PNG、JPG 或 WebP 并自动打包为 ZIP 下载。