PWA 可遮罩图标生成器
上传您的徽标,选择背景,即可生成符合渐进式 Web 应用(PWA)标准的可遮罩图标:即使系统将图标裁剪为圆形、圆角方形或任何其他形状,徽标依然清晰可见。
将徽标拖放到此处,或点击浏览(最好为透明背景,最大 15 MB)。
工作原理
可遮罩图标必须铺满整个方形画布,包括边缘(与带有透明边距的普通图标不同),因为操作系统随后会在其上套用自己的裁剪形状(圆形、圆角方形、水滴形等)。预览中显示的虚线圆圈代表标准安全区(约为直径的 80%):只要徽标位于其中,无论用户设备采用何种裁剪形状,都能保持可见。
我还需要提供普通(不可遮罩)图标吗?
是的,建议在 PWA 的 manifest 文件中同时声明两种图标(一项为 "purpose": "any",另一项为 "purpose": "maskable"),因为部分系统不会进行裁剪,而是原样显示“any”图标。
为什么要同时生成 192x192 和 512x512?
192x192 是大多数 Android 设备上主屏幕图标推荐的最小尺寸,而 512x512 则用于启动画面(splash screen)以及应用商店等需要更高分辨率的场景。
100% 本地处理:图标合成完全在您的浏览器中进行,您的徽标绝不会上传到服务器。