应用图标多尺寸生成器 - 一键输出iOS/Android资源
上传一张大图,裁剪并生成所有必需的图标尺寸(从16x16到1024x1024),适用于PWA或移动应用。
UD5工具箱
上传一张图片,一键生成 Chrome / Edge / Firefox 扩展所需的全部图标尺寸
支持 PNG / JPG / WebP / SVG — 建议上传至少 256×256 的正方形图片
Chrome 扩展 (Manifest V3) 推荐使用:16×16、32×32、48×48、128×128。其中 16×16 用于浏览器工具栏(favicon 区域),32×32 用于 Windows 系统托盘,48×48 用于扩展管理页面(chrome://extensions),128×128 用于 Chrome Web Store 展示及安装提示。此外,96×96 和 256×256 可覆盖高 DPI 屏幕(如 Retina 显示屏 @2x)。
Firefox 扩展 和 Edge 扩展 的图标尺寸要求基本一致,使用本工具生成的 6 个尺寸即可全面覆盖。
在 manifest.json 中使用 "icons" 字段,格式如下:
"icons": {
"16": "icons/icon-16.png",
"32": "icons/icon-32.png",
"48": "icons/icon-48.png",
"128": "icons/icon-128.png"
}
此外,"action" 中的 "default_icon" 也可以配置工具栏图标的专属尺寸。本工具生成的 manifest 配置代码块可直接复制使用。
这通常是因为缺少高 DPI 版本的图标。现代屏幕(如 Retina 显示屏)的像素密度是普通屏幕的 2 倍甚至 3 倍。如果只提供 16×16 的工具栏图标,在高 DPI 屏幕上会被拉伸而变模糊。解决方案是同时提供 32×32(@2x)甚至 48×48(@3x)的图标。Chrome 会自动根据屏幕像素比选择合适的尺寸。本工具生成的 32×32 尺寸即可作为工具栏图标的 @2x 版本。
图标配置方面基本没有区别,"icons" 字段的格式在 V2 和 V3 中完全一致。主要区别在于 V3 引入了 "action" 替代 V2 的 "browser_action" 和 "page_action",但其中配置图标的 "default_icon" 用法相同。建议新项目直接使用 Manifest V3。Chrome Web Store 目前已不接受新的 V2 扩展提交。
ZIP 包中包含 6 个 PNG 图标文件(icon-16.png ~ icon-256.png)以及一个 manifest.json 示例文件。解压后可直接将图标放入扩展项目的 icons/ 目录,并参考 manifest.json 中的配置。所有图标均为 PNG 格式,保留原图的透明度信息。
上传一张大图,裁剪并生成所有必需的图标尺寸(从16x16到1024x1024),适用于PWA或移动应用。
输入键值对,自动生成 Kubernetes ConfigMap YAML,支持文字和多行数据。
为同一图片的不同分辨率版本自动生成srcset和sizes属性代码。
生成图片局部放大镜效果,可调节镜头大小和放大倍率,输出HTML/CSS/JS交互代码。
输入多段话,像打字机一样逐字输出并自动切换,适合大屏展示或预告片效果。
获取设备上所有可用的语音合成音色,试听并比较不同语言和嗓音。
通过Canvas将文字、字母或Emoji渲染为多尺寸favicon.ico,快速为您的网站生成小图标。
手动输入宽度和高度像素值,生成一个模拟窗口查看内容适配状况。
生成六边形网格纸,可用于桌游地图设计、化学结构草图等,可打印。
上传图标并添加未读数的角标红点或数字,生成带提醒效果的网站Favicon。
解析简单XML结构并提取重复节点转换为CSV表格,方便导入电子表格软件。
精确设置宽高、背景底色、文字内容及字号,生成完美占位图并下载。
输入经纬度和标记参数,构造免费静态地图图片URL,嵌入网页或分享位置。
加载棒针文字图解,高亮正在编织的当前行,手动推进,辅助跟解。
输入单词和线索,自动排列生成可打印的英文填字游戏网格(小型)。
上传图片,利用Tesseract.js离线识别其中的英文或简单文字并复制。
对字符串中的特殊字符(如引号、反斜杠等)进行JavaScript/JSON兼容的转义或反转义操作。
上传基础图标,添加数字或红点角标,生成带提醒效果的动态Favicon SVG。
定义字段模版和数量,批量生成仿真JSON数据,支持中文姓名、邮箱、电话等。
制作具有真实按下突起感的3D拟物按钮,可调整颜色和阴影深度。
生成带有辐射线和同心圆的极坐标图纸,用于数学绘图或设计。
输入全称,自动提取首字母组成缩略词,还可调整拼为易记单词。
一键随机生成用纯CSS(带渐变和阴影)绘制的艺术背景图案,附带代码。
上传简单轮廓图,在边缘自动生成顺序数字点,构成可打印的连线画。
在PWA环境中设置和清除应用图标上的数字角标,演示Badging API的简单用法。
选择本地音频文件,解绘制完整的静态波形图,便于观察响度变化。
配置文字从下/左等方向滑入,随页面滚动触发,生成Intersection Observer+CSS动画代码。
通过 Canvas 生成任意宽高的占位图,显示尺寸文字,可复制 Base64 或使用 Blob URL 模拟服务。
以手机框架包裹当前网页视图,可调宽高,模拟实际移动端显示效果。
虚拟掷5次骰子,根据官方Diceware词表生成强随机且易记忆的通行短语。