The #ChromeDevSummit site is live, happening Nov 12-13 in San Francisco, CA
Check it out for details and request an invite. We'll be diving deep into modern web tech & looking ahead to the platform's future.

192px 이상 아이콘이 포함된 매니페스트

감사가 중요한 이유

사용자가 홈 화면에 앱을 추가하면 휴대기기에서 표시할 아이콘이 필요합니다. 이 아이콘은 웹 앱 매니페스트의 icons 배열에서 지정됩니다.

192픽셀 아이콘은 대형 Android 기기에서도 아이콘이 표시될 수 있게 합니다. 작은 아이콘이 필요한 소형 기기의 경우, Android가 192픽셀 아이콘을 적절한 정확도로 축소합니다. 즉, 웹 앱 매니페스트에 더 작은 아이콘을 제공할 수 있지만 그렇게 할 필요는 없습니다.

감사를 통과하는 방법

192픽셀 아이콘을 웹 앱 매니페스트에 추가합니다.

{
  ...
  "icons": [{
    "src": "images/homescreen192.png",
    "sizes": "192x192",
    "type": "image/png"
  }],
  ...
}

앱에서 'Add to Homescreen'을 적절히 구현하고 테스트하는 방법을 안내하는 가이드 목록은 매니페스트의 존재를 참조하세요.

감사 구현 방법

이 섹션에서는 감사 점수 계산 방법을 이해할 수 있도록 감사를 어떻게 구현하는지 설명합니다.

이 감사는 아이콘이 Android 기기에 잘 표시되는지만 보장합니다. 다른 운영체제는 최적의 표현을 위해 다른 아이콘 크기가 필요할 수 있습니다.

Lighthouse는 매니페스트를 가져와서 icons 속성이 192픽셀 아이콘을 참조하는지 확인합니다. Lighthouse가 가져오는 매니페스트는 Chrome이 페이지에서 사용하는 것과 별개로, 부정확한 결과가 나올 수 있습니다. 또한, Lighthouse는 아이콘이 실제로 캐시에 존재하는지는 검사하지 않습니다. 웹 앱 매니페스트가 192픽셀 아이콘을 정의하는지만 확인합니다.