预览PWA遮罩图标
各维度得分依据公开资料与字段推算,加权后即综合评分,仅供参考。
Maskable.app 是一个面向 PWA 开发者的在线预览工具,用于在把图标写入 Web App Manifest 之前检查 maskable icons 的显示效果。Maskable icon 的核心价值是允许开发者提供 full-bleed 图标,再由用户代理按设备图标形状裁切;在 Android 上,这有助于生成 adaptive icons,减少默认白色背景带来的割裂感。
从抓取文本看,它支持打开本地图标文件,也支持通过 URL 加载图标。预览遮罩形状包括 None、Minimum safe area、Circle、Rounded Rectangle、Square、Drop、Cylinder、Squircle、Flower、Pebble、Vessel、Hexagon 等,并提供 Shrink、Show ghost image、W3C 示例图标等控制项。其功能非常聚焦:不是完整的 PWA 构建平台,而是帮助开发者判断图标在不同裁切形态下是否仍保持关键视觉元素。
该工具主要围绕 PWA、Web App Manifest 和 W3C maskable icon 概念工作,未显示对某个语言或框架的绑定,因此 React、Vue、Angular 或原生 Web 项目理论上都可在图标设计阶段使用。页面有“Edit on GitHub”入口,说明具备一定社区协作属性,但文本没有明确许可证、自托管方式、API、SDK 或 CLI 信息。
抓取正文未出现收费、订阅或账号体系信息,因此定价字段无法确认。就页面能力而言,它属于即开即用型工具:上传文件或输入 URL 后选择遮罩即可查看效果,学习成本低。文档方面只有简短说明,足以解释用途,但不算完整文档体系。
优点是轻量、直观、切中 PWA 图标适配痛点,尤其适合发布前做视觉安全区检查。缺点是能力边界较窄,未看到批量生成、导出资源、manifest 自动生成、团队协作或 API 集成能力。它适合前端工程师、PWA 开发者、设计师与需要优化 Android 图标体验的小团队。
抓取文本无法判断其在中国大陆的网络可达性和支付情况,访问状态标记为未知。若无法访问,可考虑使用 Chrome DevTools、Lighthouse、PWA Builder 或 RealFaviconGenerator 等工具辅助检查 PWA 图标配置。
本测评基于公开资料整理,不构成购买建议,请以 maskable.app 官网实际信息为准。
免费浏览器工具,适合前端/PWA开发。
评分明细(分布与用户短评)接入中。当前展示 TG4G 综合评分,数据源自公开测评与用户反馈。