PWA 자산 생성기란 무엇입니까?
PWA 자산 생성기는 하나의 소스 이미지에서 프로그레시브 웹 앱(PWA)에 필요한 모든 자산을 생성하는 데 도움이 되는 무료 도구입니다. 이 도구는 favicon.ico, apple-touch-icon, 다양한 크기(16x16, 32x32, 192x192, 512x512...)의 아이콘 및 완전한 manifest.json 파일을 자동으로 생성합니다. 모든 처리는 클라이언트 측에서 이루어지므로 이미지의 빠른 속도와 절대적인 보안을 보장합니다.
표준 PWA 아이콘 크기
이 도구는 PWA 및 Apple 표준에 따라 아이콘을 자동으로 생성합니다.
파비콘
favicon.ico (32x32) - 브라우저 탭에 표시되는 아이콘
모바일 및 태블릿
192x192, 384x384, 512x512 - Android 및 홈 화면용 아이콘
Apple 터치 아이콘
180x180 - 홈 화면에 추가할 때 iOS용 아이콘
다양한 크기
16x16, 32x32, 48x48, 72x72, 96x96, 120x120, 144x144, 152x152, 167x167
Manifest.json - PWA의 심장
manifest.json 파일은 PWA의 가장 중요한 구성 파일이며 다음 정보를 포함합니다.
- •앱 이름 (name, short_name) - 설치 시 표시됨
- •아이콘 - 크기와 목적이 있는 모든 아이콘 목록
- •테마 색상 - 앱 바 및 주소 표시줄의 기본 색상
- •시작 URL - 홈 화면에서 앱을 열 때 실행 URL
- •디스플레이 모드 - 디스플레이 모드 (standalone, fullscreen...)
주요 기능
HD 이미지 업로드
최고의 품질을 위해 최소 512x512px의 PNG/JPEG 지원
다중 크기 아이콘 생성
PWA 및 Apple 지침에 따라 13개 이상의 아이콘 크기를 자동으로 크기 조정하고 생성
자동 Manifest.json
완전한 메타데이터 및 아이콘 참조가 포함된 표준 manifest.json 생성
Favicon.ico
SEO 및 브라우저 탭 표시를 위한 표준 favicon.ico 생성
클라이언트 측 처리
100% 브라우저 기반 처리, 이미지는 서버에 업로드되지 않음
ZIP 다운로드
모든 파일을 하나의 편리한 .zip 파일로 패키징
실제 애플리케이션
PWA 개발
프로그레시브 웹 앱 프로젝트를 위한 자산을 신속하게 생성하여 수동 작업 시간 절약
웹사이트 브랜딩
웹사이트를 위한 전문적인 파비콘 및 터치 아이콘을 생성하여 브랜드 인지도 향상
모바일 앱 랜딩
모바일에서 네이티브 앱처럼 작동하는 설치 가능한 웹 페이지를 위한 자산 준비
SEO 및 UX 이점
파비콘은 SERP에서 CTR을 증가시킵니다 - 사용자가 귀하의 웹사이트를 더 쉽게 인식합니다
PWA는 Core Web Vitals를 향상시킵니다 - 더 나은 Google 순위
Apple 터치 아이콘 - iOS 홈 화면에 추가할 때 네이티브 경험
완전한 manifest.json - Google이 귀하의 앱을 더 잘 색인화하고 이해합니다
중요한 참고 사항
- •소스 이미지는 최소 512x512px, 권장 1024x1024px여야 합니다
- •최상의 결과를 위해 투명 배경(PNG) 이미지 사용
- •모든 처리는 로컬이며 이미지는 서버에 업로드되지 않습니다
- •ZIP 파일 포함: favicon.ico, 아이콘 (13가지 크기), manifest.json