LumaTool
本地处理

图标尺寸批量生成

图标尺寸批量生成 resizes a PNG, JPG, WebP, or SVG icon into many square PNG outputs such as 16x16, 32x32, 128x128, 256x256, and 512x512.

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

图标尺寸批量生成

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

这个工具是什么？

An icon resizer is a batch resizing tool for website icons, browser extensions, desktop shortcuts, PWA icons, plugin assets, and app handoff packages. It keeps the workflow simple: choose sizes, preview them, then download individual PNG files or a ZIP.

支持的输入格式

  • 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

输出文件

  • icon-16.png
  • icon-24.png
  • icon-32.png
  • icon-48.png
  • icon-64.png
  • icon-128.png
  • icon-256.png
  • icon-512.png
  • custom square PNG sizes
  • lumatool-icon-sizes.zip

尺寸指南

  • 16x16: browser small icon.
  • 24x24: compact UI icon.
  • 32x32: toolbar or favicon output.
  • 48x48: desktop shortcut.
  • 128x128: extension or plugin icon.
  • 256x256: high-resolution desktop icon.
  • 512x512: PWA or app handoff icon.

输入示例

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

输出示例

  • icon-16.png
  • icon-24.png
  • icon-32.png
  • icon-48.png
  • icon-64.png
  • icon-128.png

常见使用场景

  • Create browser extension icon sizes from one SVG or PNG.
  • Generate toolbar, desktop, plugin, and PWA PNG assets in one ZIP.
  • Check tiny 16x16 and 32x32 readability before shipping.
  • Add custom square sizes for internal design systems.
  • Batch resize icons without installing a desktop utility.

最佳实践

  • 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
输出示例 
icon-16.png
icon-24.png
icon-32.png

图标尺寸批量生成 resizes a PNG, JPG, WebP, or SVG icon into many square PNG outputs such as 16x16, 32x32, 128x128, 256x256, and 512x512.

输出示例

输入示例 
one source icon image
输出示例 
icon-16.png
icon-24.png
icon-32.png
icon-48.png
icon-64.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，或复制生成代码。

真实场景案例

Create browser extension icon sizes from one SVG or PNG

Create browser extension icon sizes from one SVG or PNG.

Generate toolbar, desktop, plugin, and PWA PNG assets in one ZIP

Generate toolbar, desktop, plugin, and PWA PNG assets in one ZIP.

Check tiny 16x16 and 32x32 readability before shipping

Check tiny 16x16 and 32x32 readability before shipping.

使用场景

  • Create browser extension icon sizes from one SVG or PNG.
  • Generate toolbar, desktop, plugin, and PWA PNG assets in one ZIP.
  • Check tiny 16x16 and 32x32 readability before shipping.
  • Add custom square sizes for internal design systems.
  • Batch resize icons without installing a desktop utility.

常见问题

Can I resize SVG icons?

Yes. SVG input is sanitized, rendered locally, and exported as PNG sizes.

Will the icon be uploaded?

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

Can I keep the transparent background?

Yes. Keep transparent background enabled, or choose a custom background color for non-transparent PNG output.

What is the best size for icons?

It depends on the target. Check 16x16 and 32x32 for favicons, 128x128 for extensions, and 512x512 for PWA or app handoff.

Can I download all sizes at once?

Yes. Generate the selected sizes and download the ZIP package.

What is the difference between cover and contain mode?

Contain keeps the full image visible with possible padding. Cover fills the square and may crop edges.

图标尺寸批量生成 适合做什么？

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

我的输入会如何处理？

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

相关工具

网

网站图标生成器

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

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

应用图标生成器

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

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

ICO 图标转换器

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

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

图片 Base64 转换器

本地把图片转换为 Base64 Data URL，也可粘贴 Base64 预览图片。

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

SVG 压缩优化器

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

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