PWA 아이콘 생성기 - 안드로이드용 마스크 가능 아이콘 제작

클릭 한 번으로 모든 OS와 해상도에 맞는 PWA 아이콘 세트를 완성하세요.

개인정보 보호 우선

  • 파일은 브라우저를 절대 떠나지 않습니다
  • 서버 업로드 없음
  • 기기에서 로컬로 처리됨

PWA 아이콘이란 무엇이며 왜 'Maskable Icon'이 필요한가요?

PWA 아이콘은 웹 프로그램 설치 시 나타나는 시각적 상징입니다. 최신 Android 시스템은 다양한 형태로 자르기 위해 '매스커블 아이콘'을 사용하며, 이는 세이프 존을 가져 모든 테마에서 브랜드 노출을 보장합니다.

프로페셔널 PWA 아이콘 세트를 위한 3단계

복잡한 과정 없이 브라우저 로컬에서 PWA 프로젝트를 완성하는 법을 배웁니다. 수 초 만에 결과를 확인하세요.

  1. 마스터 아이콘(512x512) 업로드: 최고 화질을 위해 PNG를 사용하세요.
  2. Maskable 및 표준 아이콘 생성: 리사이징과 표준 준수가 브라우저 내에서 즉각 이루어집니다.
  3. 매니페스트 스니펫 복사: Lighthouse 100점을 위한 코드와 파일을 동시에 획득하세요.

Pixes.app의 장점

완벽한 점수를 위한 Lighthouse 준수. 이미지와 manifest.json 코드를 동시 생성하며 100% 비공개 처리를 위해 브라우저 로컬에서 실행됩니다. 무료, 신속, 등록 불필요하며 Android와 iOS의 2026년 표준을 지원합니다.

이 도구 사용 방법

  1. 가장 해상도가 높은 이미지, 가급적 512x512 픽셀의 PNG 파일을 선택하세요. '이미지 선택'을 클릭합니다.
  2. 파일을 업로드하면 당사 도구가 즉시 192x192(범용), 512x512(Splash Screen) 및 'maskable-icon-512x512' 버전을 동시에 생성합니다.
  3. manifest.json 파일에 붙여넣어야 할 'icons' 배열을 생성합니다. '코드 복사'를 클릭하고 ZIP 아카이브로 전체 세트를 다운로드하세요.

관련 도구

자주 묻는 질문(FAQ)

PWA용 최적의 파일 형식은?
PNG 형식이 표준입니다. 투명 PNG가 호환성 면에서 최고의 선택입니다.
하나의 'Maskable' 아이콘이란?
시스템이 로고 중심을 유지하며 아이콘을 다양한 테마 형태로 자를 수 있게 해주는 방식입니다.
manifest.json에 어떤 아이콘을 넣어야 하나요?
최소 192x192와 512x512가 필요합니다. 당사 도구는 전체 코드 블록을 제공합니다.
설치 후 PWA 아이콘이 보이지 않는 이유는?
대부분 manifest.json의 경로(Path) 오류입니다. 경로가 프로젝트 폴더와 정확히 일치하는지 확인하세요.