create-react-app - 生成渐进式网络应用程序图像图标和各种尺寸要求

Question

我正在使用 create react app 并在公共(public)目录中生成以下 manifest.json:

{
  "name": "React_Starter",
  "short_name": "React_Starter",
  "theme_color": "#1d9ed6",
  "background_color": "#1d9ed6",
  "display": "standalone",
  "orientation": "portrait",
  "Scope": "/",
  "start_url": "/",
  "icons": [
    {
      "src": "/images/icons/android-chrome-72x72.png",
      "sizes": "72x72",
      "type": "image/png"
    },
    {
      "src": "/images/icons/android-chrome-96x96.png",
      "sizes": "96x96",
      "type": "image/png"
    },
    {
      "src": "/images/icons/android-chrome-144x144.png",
      "sizes": "144x144",
      "type": "image/png"
    },
    {
      "src": "/images/icons/android-chrome-192x192.png",
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "/images/icons/android-chrome-256x256.png",
      "sizes": "256x256",
      "type": "image/png"
    },
    {
      "src": "/images/icons/android-chrome-384x384.png",
      "sizes": "384x384",
      "type": "image/png"
    },
    {
      "src": "/images/icons/android-chrome-512x512.png",
      "sizes": "512x512",
      "type": "image/png"
    }
  ],
  "splash_pages": null,
}  

这些图像大小是否足以用于生产渐进式 Web 应用程序 (PWA)？还是我应该包括更多尺寸？

此外，是否有一种工具可以与 create react app 一起使用而无需 ejecting 来生成给定 logo.png 的 PWA 图像图标并保存到构建目录

Answer 1

如果你想生成很多不同大小的图标，你可以使用这个:https://realfavicongenerator.net