应用图标多尺寸生成器 - 一键输出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,支持文字和多行数据。
上传图片,自动裁剪为正方形并生成包含多种尺寸(16,32,48,256px)的 .ico 文件。
为同一图片的不同分辨率版本自动生成srcset和sizes属性代码。
生成图片局部放大镜效果,可调节镜头大小和放大倍率,输出HTML/CSS/JS交互代码。
输入多段话,像打字机一样逐字输出并自动切换,适合大屏展示或预告片效果。
获取设备上所有可用的语音合成音色,试听并比较不同语言和嗓音。
通过Canvas将文字、字母或Emoji渲染为多尺寸favicon.ico,快速为您的网站生成小图标。
手动输入宽度和高度像素值,生成一个模拟窗口查看内容适配状况。
生成六边形网格纸,可用于桌游地图设计、化学结构草图等,可打印。
上传图标并添加未读数的角标红点或数字,生成带提醒效果的网站Favicon。
解析简单XML结构并提取重复节点转换为CSV表格,方便导入电子表格软件。
精确设置宽高、背景底色、文字内容及字号,生成完美占位图并下载。
按 Unicode 类别(字母、数字、标点、符号等)分组浏览字符,查看码点和名称。
输入经纬度和标记参数,构造免费静态地图图片URL,嵌入网页或分享位置。
加载棒针文字图解,高亮正在编织的当前行,手动推进,辅助跟解。
使用 LZ-String 算法压缩长文本,展示压缩率和解压速度,适合 localStorage 存储。
输入单词和线索,自动排列生成可打印的英文填字游戏网格(小型)。
上传图片,利用Tesseract.js离线识别其中的英文或简单文字并复制。
对字符串中的特殊字符(如引号、反斜杠等)进行JavaScript/JSON兼容的转义或反转义操作。
上传基础图标,添加数字或红点角标,生成带提醒效果的动态Favicon SVG。
展示当前浏览器的屏幕分辨率、可用字体、插件、Canvas 等指纹信息,了解浏览器唯一性。
定义字段模版和数量,批量生成仿真JSON数据,支持中文姓名、邮箱、电话等。
制作具有真实按下突起感的3D拟物按钮,可调整颜色和阴影深度。
扫描当前页面已定义的自定义元素,显示其名称、类定义及生命周期方法。
生成带有辐射线和同心圆的极坐标图纸,用于数学绘图或设计。
上传图片,选择需要覆盖的视口宽度,生成对应的 srcset 属性和不同尺寸图片。
输入全称,自动提取首字母组成缩略词,还可调整拼为易记单词。
在图片上绘制多边形顶点,生成物理引擎所需的碰撞形状数据。
一键随机生成用纯CSS(带渐变和阴影)绘制的艺术背景图案,附带代码。