在制作渐进式 Web 应用程序 (PWA) 时，您必须创建大量不同大小的图标并在 .manifest 文件中声明它们。显然，单个 SVG 就可以很好地解决这个混乱问题，但不幸的是我现在还不能做到这一点。
我试过这个：
- 创建 2 个不同的 SVG，在 Illustrator 中将它们设置为方形画板（画布）。结果：在 Chrome 开发工具中 - “图像文件大小不正确 (1200x1200)：必须提供至少 144x144”或“无法加载您的 svg”。然而，在 Chrome 中打开相同 url 上的相同 svg 是完全可见的！
- 在 .manifest 中设置“sizes”：“any”。尽管此关键字提到已接受，但开发工具显示错误。
- 添加了“目的”：“可屏蔽”或“目的”：“可屏蔽任何”或“目的”：“任何”。
Devtools 说我的 SVG (150x150) 低于最低要求 (144x144)，而且我必须提供至少一个 png、svg(!!!) 或 wepP 格式的图标。