PWA 아이콘 생성기
설치형 웹 앱에 필요한 아이콘을 — 192·512px PNG와 site.webmanifest까지 — 이미지 한 장에서 전부 브라우저 안에서 만드세요.
개인정보 우선: 모든 이미지는 브라우저에서 로컬로 처리됩니다. 어떤 것도 서버에 업로드, 저장 또는 전송되지 않습니다.
앱을 설치 가능하게 만드는 아이콘
프로그레시브 웹 앱의 설치 가능 여부는 부분적으로 아이콘으로 판정됩니다. 브라우저는 설치 안내를 띄우거나 홈 화면에 제대로 된 아이콘을 놓기 전에, 최소한 192×192와 512×512 PNG를 선언한 웹 매니페스트를 찾습니다. 이 생성기는 원본 이미지에서 둘 다 렌더링하고 그것들을 참조하는 site.webmanifest를 써 주며, iOS가 원하는 apple-touch-icon과 평범한 탭용 favicon.ico도 함께 만듭니다.
런처에 맞게 다듬기
Android 런처는 아이콘을 원형이나 둥근 사각형으로 마스킹할 수 있어서, 가장자리까지 꽉 찬 그림은 잘려 나갈 수 있습니다. 여기서 여백과 단색 배경을 더하면 어떤 마스크가 적용되든 중요한 부분이 안전 영역 안에 남고, 실시간 미리보기가 크기별 결과를 보여 줍니다. 모든 것이 Canvas API로 여러분의 기기에서 렌더링되며 — 로고가 업로드되는 일은 없습니다 — 전체 세트가 zip으로 내려받아집니다.
자주 묻는 질문
- 파비콘을 만들기 위해 이미지가 업로드되나요?
- 아니요. favicon.ico, PNG 아이콘, 매니페스트는 모두 Canvas API를 사용해 브라우저에서 로컬로 생성됩니다. 이미지는 기기를 벗어나지 않습니다.
- 어떤 크기와 파일을 받게 되나요?
- 여러 해상도를 담은 favicon.ico(16, 32, 48px), 16, 32, 48, 180(apple-touch-icon), 192, 512px PNG 아이콘, site.webmanifest, 그리고 <head>에 붙여 넣을 HTML 스니펫입니다.
- PNG나 SVG를 ICO로 변환할 수 있나요?
- 네. PNG, JPG, SVG, WebP를 넣고 진짜 favicon.ico를 내려받으세요. SVG 로고는 먼저 고해상도로 로컬에서 래스터화됩니다.
- 어떤 이미지가 가장 좋나요?
- 단순하고 대비가 뚜렷한 로고가 담긴 정사각형 이미지입니다. 정사각형이 아닌 이미지는 중앙을 기준으로 잘리며, 안쪽 여백과 모양 조절로 원하는 구도를 잡을 수 있습니다.
- 파비콘은 어떻게 설치하나요?
- 패키지를 사이트의 루트 폴더에 압축 해제하고, 제공된 HTML 스니펫을 페이지의 <head>에 붙여 넣으세요. favicon.ico는 대부분의 브라우저가 자동으로 인식합니다.