LumaTool
本地处理

应用图标生成器

应用图标生成器 turns one logo or icon image into common iOS, Android, and PWA app icon sizes with rounded preview, safe-area preview, ZIP export, and manifest icon JSON.

本地运行不上传输入内容在浏览器本地处理。

应用图标生成器

从 PNG、JPG、WebP 或 SVG 生成 iOS、Android 和 PWA 常用图标尺寸，并支持安全区和圆角预览。

这个工具是什么？

An app icon generator converts one brand mark, logo, or square artwork into the multiple icon sizes required by mobile apps, Android launchers, and installable web apps. It helps teams export a consistent icon set without sending design files to a server.

支持的输入格式

  • PNG images
  • JPG and JPEG images
  • WebP images
  • SVG logos and icons
  • Square source artwork is recommended
  • Large files should be kept under 10 MB for smooth browser processing

输出文件

  • app-icon-ios-20.png
  • app-icon-ios-29.png
  • app-icon-ios-40.png
  • app-icon-ios-60.png
  • app-icon-ios-76.png
  • app-icon-ios-83-5.png exported at 167x167
  • app-icon-ios-1024.png
  • Android and PWA icons from 48x48 to 512x512
  • lumatool-app-icon-pack.zip

尺寸指南

  • 20x20, 29x29, 40x40, 60x60, 76x76: common iOS slots.
  • 167x167: iPad Pro 83.5pt icon export.
  • 1024x1024: high-resolution App Store style source.
  • 48x48, 72x72, 96x96, 144x144: Android launcher sizes.
  • 192x192 and 512x512: PWA manifest icons.

输入示例

  • Company logo PNG
  • Personal blog avatar
  • SaaS product mark
  • SVG logo
  • Transparent square icon

输出示例

  • app-icon-ios-20.png
  • app-icon-ios-29.png
  • app-icon-ios-40.png
  • app-icon-ios-60.png
  • app-icon-ios-76.png
  • app-icon-ios-83-5.png exported at 167x167

常见使用场景

  • Export a starter icon pack for iOS, Android, and PWA projects.
  • Check rounded-corner and safe-area behavior before app handoff.
  • Generate web manifest icon JSON for installable web apps.
  • Prepare launcher icon sizes from one source logo.
  • Compare platform-specific outputs before sending files to developers.

最佳实践

  • Start from high-resolution square artwork when possible.
  • Keep the subject centered and avoid tiny text inside small icons.
  • Use transparent backgrounds only when the mark remains visible on light and dark surfaces.
  • Use consistent file paths between exported files and HTML code.
  • After replacing favicons, clear browser cache or change filenames if the old icon remains visible.

常见错误

  • Uploading a low-resolution source and expecting sharp large icons.
  • Using artwork that touches the edge and gets clipped after rounding or cover mode.
  • Shipping only favicon.ico and forgetting Apple Touch Icon or manifest icons.
  • Leaving HTML paths that do not match the files in the public folder.
  • Not previewing 16x16 and 32x32 outputs before release.

隐私与本地处理

你的文件会在浏览器本地处理，不会上传到 LumaTool 服务器。图片解码、Canvas 缩放、ICO 打包、ZIP 生成、manifest 生成和 HTML 代码生成都在客户端完成。

示例

输入示例

输入示例 
Company logo PNG
Personal blog avatar
SaaS product mark
输出示例 
app-icon-ios-20.png
app-icon-ios-29.png
app-icon-ios-40.png

应用图标生成器 turns one logo or icon image into common iOS, Android, and PWA app icon sizes with rounded preview, safe-area preview, ZIP export, and manifest icon JSON.

输出示例

输入示例 
one source icon image
输出示例 
app-icon-ios-20.png
app-icon-ios-29.png
app-icon-ios-40.png
app-icon-ios-60.png
app-icon-ios-76.png

你的文件会在浏览器本地处理，不会上传到 LumaTool 服务器。图片解码、Canvas 缩放、ICO 打包、ZIP 生成、manifest 生成和 HTML 代码生成都在客户端完成。

隐私提示

你的文件会在浏览器本地处理，不会上传到 LumaTool 服务器。图片解码、Canvas 缩放、ICO 打包、ZIP 生成、manifest 生成和 HTML 代码生成都在客户端完成。

如何使用

  1. 第 1 步. 上传图片，或输入图标文件路径。
  2. 第 2 步. 选择适合网站、应用或 PWA 的输出选项。
  3. 第 3 步. 下载前检查预览、生成文件、manifest 或 HTML 代码。
  4. 第 4 步. 按需下载单个文件、下载 ZIP，或复制生成代码。

真实场景案例

Export a starter icon pack for iOS, Android, and PWA projects

Export a starter icon pack for iOS, Android, and PWA projects.

Check rounded-corner and safe-area behavior before app handoff

Check rounded-corner and safe-area behavior before app handoff.

Generate web manifest icon JSON for installable web apps

Generate web manifest icon JSON for installable web apps.

使用场景

  • Export a starter icon pack for iOS, Android, and PWA projects.
  • Check rounded-corner and safe-area behavior before app handoff.
  • Generate web manifest icon JSON for installable web apps.
  • Prepare launcher icon sizes from one source logo.
  • Compare platform-specific outputs before sending files to developers.

常见问题

What image size should I upload?

A square 1024x1024 image is a strong source because it can scale down cleanly to smaller app icon sizes.

Can I generate both iOS and Android icons?

Yes. Choose all platforms or filter the output to iOS, Android, or PWA.

Does this tool upload my app icon?

不会。处理过程在浏览器本地完成，文件不会上传到 LumaTool 服务器。

What is the difference between app icon and favicon?

App icons are used by mobile launchers, stores, and installed apps. Favicons are primarily used by websites, browser tabs, bookmarks, and PWA metadata.

Why do I need 192x192 and 512x512 icons?

These are common PWA manifest sizes used for install prompts, launchers, and high-resolution surfaces.

Can I use the generated icons in a PWA?

Yes. Use the Android/PWA PNG files and copy the generated manifest icons JSON into your web manifest.

应用图标生成器 适合做什么？

应用图标生成器 适合在浏览器里快速完成图标工具相关的检查、转换、清理或格式化任务。

我的输入会如何处理？

你的文件会在浏览器本地处理，不会上传到 LumaTool 服务器。图片解码、Canvas 缩放、ICO 打包、ZIP 生成、manifest 生成和 HTML 代码生成都在客户端完成。

相关工具

网

网站图标生成器

在浏览器本地生成 favicon.ico、PNG 图标、Apple Touch Icon、Android 图标、manifest、预览、HTML 标签和 ZIP。

图标工具 在线可用 本地处理 无需上传 立即使用 图

图标尺寸批量生成

把 PNG、JPG、WebP 或 SVG 批量生成常见方形尺寸，支持 contain、cover、透明、背景色和 ZIP。

图标工具 在线可用 本地处理 无需上传 立即使用 S

SVG 安全预览

隔离预览 SVG 标记，检查尺寸、颜色和潜在风险内容。

图片工具 在线可用 本地处理 无需上传 立即使用 I

ICO 图标转换器

本地把 PNG、JPG、WebP 转换为多尺寸 favicon.ico。

图片工具 在线可用 本地处理 无需上传 立即使用 S

SVG 压缩优化器

本地压缩、清理、净化、预览、复制和下载 SVG，移除脚本、事件、metadata 和风险内容。

图标工具 在线可用 本地处理 无需上传 立即使用