UTILS.
100% 브라우저 내 실행
📱

웹 앱 매니페스트 생성기 (PWA)

아이콘, 테마 색상, 표시 모드를 포함한 유효한 PWA 웹 앱 매니페스트(manifest.json)와 붙여넣기용 link rel=manifest 태그를 생성합니다.

— 여기에 결과가 표시됩니다 —
— 여기에 결과가 표시됩니다 —

이 도구에 대하여

웹 앱 매니페스트 생성기는 간단한 양식으로 프로그레시브 웹 앱을 위한 유효한 manifest.json을 만든 뒤, 페이지 <head>에 넣을 동반 HTML 태그를 건네줍니다. 모든 것이 브라우저에서 조립되며 아무것도 업로드되지 않습니다 — JSON을 복사하거나, manifest.json으로 다운로드하거나, link와 meta 태그를 복사할 수 있습니다.

웹 앱 매니페스트는 사이트를 홈 화면에 설치하고 네이티브 앱처럼 실행하게 해 주는 JSON 파일입니다. 이 도구는 표준 키 — name, short_name, description, start_url, scope, display(standalone, fullscreen, minimal-ui 또는 browser), orientation, theme_color, background_color, 그리고 icons 배열 — 을 조립하며, 비워 둔 필드는 빼서 출력을 깔끔하게 유지합니다. 체크한 각 아이콘 크기는 src, sizes, type(파일 확장자에서 유도)을 가진 항목이 되고, 선택적 purpose로 아이콘을 maskable로 표시할 수 있습니다. 결과는 두 칸 들여쓰기로 JSON.stringify되어 사람이 읽기 쉽고 표준을 준수합니다.

아이콘 경로에 {size} 자리표시자를 쓰면(예: /icons/icon-{size}.png) 192x192, 512x512 같은 각 치수로 대체됩니다. 최소한 매니페스트에는 name, start_url, display 모드, 그리고 적어도 192px와 512px 아이콘이 있어야 하며, 이것이 여기 기본값입니다. 생성된 <link rel="manifest"> 태그로 페이지에서 참조하고 브라우저 UI를 위한 theme-color meta를 추가하세요.

자주 묻는 질문

웹 앱 매니페스트란 무엇인가요?
프로그레시브 웹 앱을 설명하는 JSON 파일입니다 — 이름, 아이콘, 색상, 실행 방식 — 그래서 브라우저가 홈 화면에 설치를 제안하고 앱 같은 창에서 열 수 있습니다.
어떤 필드가 필수인가요?
유용한 매니페스트에는 최소한 name(또는 short_name), start_url, display 모드, 그리고 192x192와 512x512 아이콘이 필요합니다. 이 생성기는 그것들을 기본으로 채우며, 다른 필드는 선택 사항이라 비워 두면 생략됩니다.
아이콘의 'maskable'은 무엇을 뜻하나요?
Maskable 아이콘은 안전 여백을 두어 플랫폼이 로고를 잘라내지 않고 원, 스쿼클, 둥근 사각형으로 자를 수 있습니다. 그 안전 영역을 고려해 디자인된 아이콘에는 purpose를 'maskable' 또는 'any maskable'로 설정하세요.
제 사이트에 매니페스트를 어떻게 설치하나요?
JSON을 manifest.json으로 저장해 사이트에 업로드한 뒤, 생성된 <link rel="manifest" href="/manifest.json">와 theme-color meta 태그를 모든 페이지의 <head>에 추가하세요.

더 많은 도구