점진적 웹의 스플래시 화면에 로고가 나타나지 않음

이 데모에서는 스플래시 화면에 로고가 표시됩니다.점진적 웹의 스플래시 화면에 로고가 나타나지 않음

https://addyosmani.com/blog/getting-started-with-progressive-web-apps/

내가 내 매니페스트에 잘못된 뭐하는 거지 모른다 - 나는 아이콘이 있지만, 내 시작 화면에 표시되지 않습니다.

내 매니페스트는 다음과 같습니다

{ 
    "short_name": "Weather Service", 
    "name": "Weather Service", 
    "icons": [ 
    { 
     "src": "logo.png", 
     "sizes": "144x144", 
     "type": "image/png" 
    } 
    ], 
    "start_url": "index.html", 
    "display": "standalone", 
    "orientation": "portrait", 
"background_color": "#FAFAFA", 
    "theme_color": "#512DA8" 
}

는 시작 화면에 표시하기위한 I 1 개 이상의 이미지가 필요하십니까?

출처

2016-07-25 Cody Raspien

그것은 당신이 당신의 이미지 파일을 배치 정확한 경로/디렉토리 함께 할 수있는 뭔가가있을 수 있습니다. 경로가 맞습니까? – noogui

logo.png가 아이콘 (웹 응용 프로그램 아이콘 - 홈 화면에 추가 된 경우)으로 올바르게 읽히지 만 시작 화면에는 나타나지 않습니다. 경로가 맞습니다. –

매니페스트에 로고가 하나만있을 수 있습니다 (예 : ) https://incredibleweb.github.io/samples/web-application-manifest/manifest.json 홈 스크린에 추가 한 후 제대로 작동합니다. 이미지 경로, 크기 및 MIME 형식을 확인하는 것이 좋습니다. 링크가 있습니까? –

PWA는 항상 표시됩니다 아이콘이 48dp 당신이 가지고가는 경우에 우리가 표시됩니다 최소 이미지 크기는 것을 고려되도록하려면 최소

로 192px에 넣어 아이콘을 항상 곁에하는 것이 좋습니다입니다 현재 지원되는 최대 농도 디스플레이 (4x), 48x4 = 192px. 우리가 작동하도록 홈 화면에 추가를 위해 192px 이미지가 필요하기 때문에 운이 좋습니다! 예. 따라서 최소 크기의 아이콘으로 항상 192 픽셀을 사용하고 256px, 384px 및 512px로 3 가지 버전을 만드는 것이 좋습니다. 그러나 사용자가 스플래시 화면, 특히 저밀도 장치에서 너무 많은 데이터를 다운로드하지 않도록하려면 Chrome을 낮추면 Chrome이 가장 적합한 이미지를 가져 오려고 시도합니다.

https://developers.google.com/web/updates/2015/10/splashscreen

출처

2016-07-31 07:43:29

192x192는 모든 휴대 전화에 로고를 표시합니다. 어떤 이유로 Android 재고가있는 휴대 전화에만 낮은 해상도의 로고가 나타납니다. 192x192 로고를 넣을 것입니다. 고마워. –

점진적 웹의 스플래시 화면에 로고가 나타나지 않음

답변

관련 문제