스마트폰 바로가기 아이콘

스마트폰 바로가기 아이콘

QA

스마트폰 바로가기 아이콘

답변 1

본문

스마트폰에서

인터넷 보다가 "홈화면에 추가하기" 를 하면

이쁘게 파미콘의 아이콘이 만들어집니다

 

그런데 어떠한 경우인지 모르겠는데

같은 환경인데 "홈화면에 추가하기"를 하면

앱설치??? 가 되면서 아이콘이 만들어집니다

(뭐 크게 상관은 없지만)

 

문제는

생성된 아이콘(파미콘)이 왕창 깨져서 만들어지네요

 

 

이 질문에 댓글 쓰기 :

답변 1

pwa에 대해 찾아보시고 맞춰 구성 설정하시면 아이콘 추가하라고 브라우저 접속시 뜹니다. 

Pwa구성시 앱아이콘 설정 사이즈가 있습니다.

Manifest를 찾아보세요

예시코드입니다.



{
  "short_name": "MDN",
  "name": "MDN Web Docs",
  "icons": [
    {
      "src": "/favicon-192x192.png",
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "/favicon-512x512.png",
      "sizes": "512x512",
      "type": "image/png"
    }
  ],
  "start_url": ".",
  "display": "standalone",
  "theme_color": "#000000",
  "background_color": "#ffffff"
}

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 61,300
© SIRSOFT
현재 페이지 제일 처음으로