웹 매니페스트에는 192px 아이콘이 포함되어야 합니다

기여 기능
1

Discourse가 웹 매니페스트 JSON 파일에서 512px 아이콘을 제공하는 것 같습니다. 사이트 설정의 브랜딩 섹션에는 매니페스트 아이콘 필드가 하나만 있으며, 이는 업로드된 이미지가 512×512px로 축소됨을 시사합니다.

{
   ...
   "icons":[
      {
         "src":"https://community.toph.co/uploads/default/optimized/2X/5/5b9de7676657b71384fb77c662616d73765f0293_2_512x512.png",
         "sizes":"512x512",
         "type":"image/png"
      },
      {
         "src":"https://community.toph.co/uploads/default/optimized/2X/5/5b9de7676657b71384fb77c662616d73765f0293_2_512x512.png",
         "sizes":"512x512",
         "type":"image/png",
         "purpose":"maskable"
      }
   ],
   ...
}

그러나 Add a web app manifest  |  Articles  |  web.dev 에 따르면:

Chrome의 경우 최소한 192x192 픽셀 아이콘과 512x512 픽셀 아이콘을 제공해야 합니다.

Firefox에서도 이것이 사실인 것을 확인했습니다(적어도 LineageOS 기기에서는). 아래는 그 모습입니다:

photo_2021-04-15_23-25-11
photo_2021-04-15_23-25-11453×605 17.6 KB

Toph와 Drafts의 두 아이콘을 주목해 보세요. 둘 다 192px 아이콘(그 외 다른 크기 포함)을 제공하고 있습니다. 이전에는 Toph와 Drafts가 여러 아이콘을 제공했지만 192px 아이콘은 없었습니다. 그리고 Community 앱의 아이콘과 유사하게 보였습니다(즉, 흰색 영역 주위에 어두운 패딩이 있었습니다). 이 스크린샷의 Community 앱은 Discourse 인스턴스입니다.

2

이 문제는 LineageOS 관련이거나, 아니면 브라우저 버전 문제인 것 같습니다.

Android(버전 10)에서 Chrome(버전 89)과 Firefox(버전 87)로 테스트해 봤는데 정상적으로 작동합니다:

Screenshot from 2021-04-15 23-00-27
Screenshot from 2021-04-15 23-00-27452×236 56.8 KB

Safari에서도 테스트해 봤습니다:

unnamed
unnamed1125×2001 446 KB

코드를 확인해 본 결과, 말씀하신 대로 크기가 512px만 있는 것 같습니다. 디바이스, 브라우저, 그리고 각각 권장하는 크기가 너무 많아서 discourse가 이를 모두 커버하기는 어려운 것 같습니다. 그래도 512px은 대부분의 경우에서 잘 작동하는 것 같습니다.

4개의 좋아요
3

제 폰에서 Meta를 Firefox와 Chrome 양쪽 모두로 PWA로 설치해 놓았는데, 512px 아이콘은 저에게 아무 문제 없이 잘 작동합니다.

512px 아이콘을 리사이즈하는 작업을 추가할 수는 있지만, 공식적으로 지원하는 플랫폼에서 차이가 없다면 그 가치를 모르겠습니다.

Meta / Android Chrome에서 이 문제를 재현해 볼 수 있을까요?

4개의 좋아요