웹 앱 매니페스트 가이드
웹 앱 매니페스트(site.webmanifest)는 설치 가능한 브라우저에 앱 이름, 색상, 홈 화면에 사용할 아이콘 크기를 알려줍니다. 완전한 PWA 파비콘 설정을 위해 192×192 및 512×512 PNG 아이콘과 페어링하세요.
매니페스트를 <link rel="manifest" href="/site.webmanifest">와 연결합니다. JSON 내에서 아이콘 배열에는 이미지/png 유형과 용도가 모두인 최소 192×192 및 512×512 항목이 포함되어야 합니다(필요한 경우 Android 적응형 아이콘에 대해 마스크 가능한 변형 추가).
theme_color 및 background_color를 브랜드에 맞게 설정하세요. 설치 중 브라우저 크롬과 스플래시 화면을 제어합니다.
작동 방식
- 1
아이콘 PNG 생성
파비콘 생성기 패키지의 192 및 512.
- 2
site.webmanifest 생성
이름, 짧은_이름, 아이콘, 테마_색상, 디스플레이를 포함합니다.
- 3
HTML의 링크
<link rel="manifest" href="/site.webmanifest"> 및 테마 색상 메타.
지금 사용해 보기
PWA 아이콘 패키지 생성
파비콘 생성기자주 묻는 질문
기본 웹사이트에는 매니페스트가 필요합니까?+
아니요 - 홈 화면에 설치하거나 더 풍부한 Android 크롬을 원하는 경우에만 해당됩니다. Favicon.ico만으로도 탭에서 작동합니다.
매니페스트에 어떤 아이콘 크기가 들어가나요?+
설치 프롬프트에는 192×192 및 512×512가 필요합니다. 광택을 위해 384 또는 마스크 가능한 아이콘을 추가하세요.
매니페스트에서 SVG를 사용할 수 있나요?+
Chromium은 경우에 따라 SVG를 지원하지만 PNG는 크로스 브라우저 설치 UI의 안전한 기본값입니다.