본문으로 건너뛰기
🛠️ToolsShed

Web App Manifest Generator

필수 필드를 모두 포함한 PWA 웹 앱 manifest.json을 생성합니다.

아이콘

앱 아이콘을 /icons/ 디렉터리에 배치하세요. 권장 크기: 192×192 및 512×512 PNG 파일입니다.

manifest.json

{
  "name": "My App",
  "short_name": "App",
  "description": "A progressive web application.",
  "start_url": "/",
  "display": "standalone",
  "theme_color": "#4f46e5",
  "background_color": "#ffffff",
  "orientation": "any",
  "scope": "/",
  "lang": "en",
  "icons": [
    {
      "src": "/icons/icon-192x192.png",
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "/icons/icon-512x512.png",
      "sizes": "512x512",
      "type": "image/png"
    },
    {
      "src": "/icons/icon-512x512.png",
      "sizes": "512x512",
      "type": "image/png",
      "purpose": "maskable"
    }
  ]
}

이 도구 소개

웹 앱 매니페스트는 브라우저에 프로그레시브 웹 애플리케이션을 사용자의 기기에 어떻게 표시할 지 알려주는 JSON 파일입니다. 앱의 이름, 시작 URL, 표시 모드, 아이콘, 테마 색상 등 필수 정보를 정의하여 웹 앱이 휴대폰, 태블릿, 데스크톱에서 네이티브 애플리케이션처럼 설치되고 실행될 수 있도록 합니다.

이 생성기는 앱의 세부 정보를 간단히 입력하는 것만으로 완전한 manifest.json 파일을 생성하는 데 도움을 줍니다. 표시 모드(스탠드얼론 또는 전체 화면), 화면 방향 설정, 언어, 범위, 색상 구성표 등의 필드를 설정한 다음 생성된 JSON을 프로젝트의 루트 디렉토리에 다운로드하거나 복사할 수 있습니다. 도구는 자동으로 아이콘 구성 템플릿을 포함하고 모든 필수 W3C 웹 앱 매니페스트 속성이 올바르게 형식화되도록 합니다.

웹 앱 매니페스트는 PWA(프로그레시브 웹 애플리케이션) 개발에 필수이며 iOS 및 Android의 앱 스토어 전체에서의 발견 가능성을 향상시킵니다. 단일 페이지 애플리케이션, 웹 기반 도구 또는 오프라인 지원 사이트를 구축하는 개발자가 이 도구의 이점을 가장 많이 누리며, JSON 구문을 수동으로 작성하지 않고도 빠른 매니페스트 생성이 가능합니다.

자주 묻는 질문

Comments & Feedback

Comments are powered by Giscus. Sign in with GitHub to leave a comment.