파비콘과 PWA 아이콘 크기 생성

이 도구가 유용할 때

단순한 정사각형 마크에서 안전 여백과 투명한 가장자리를 가진 일반 브라우저 탭, 바로가기, 설치 및 런처 자산을 준비합니다.

로컬 처리 작동 방식

브라우저는 하나의 소스를 검증하고 디코딩하며, 문서화된 아이콘 크기에 맞게 투명 정사각형 캔버스에 일관되게 맞춘 뒤 각 PNG를 인코딩하고, 선택된 작은 크기를 ICO 디렉터리 항목으로 패키징하며, ZIP에 매니페스트 스니펫과 파일 목록을 포함합니다.

사용 방법

1. 소스 준비: 단순한 정사각형 마크에서 안전 여백과 투명한 가장자리를 가진 일반 브라우저 탭, 바로가기, 설치 및 런처 자산을 준비합니다.
2. 로컬에서 처리: 브라우저는 하나의 소스를 검증하고 디코딩하며, 문서화된 아이콘 크기에 맞게 투명 정사각형 캔버스에 일관되게 맞춘 뒤 각 PNG를 인코딩하고, 선택된 작은 크기를 ICO 디렉터리 항목으로 패키징하며, ZIP에 매니페스트 스니펫과 파일 목록을 포함합니다.
3. 다운로드 및 확인: 모든 PNG를 기본 크기로 밝은 배경과 어두운 배경에서 확인하고, 투명 여백과 마스크 가능한 안전 영역을 확인하며, ICO 항목을 열고 실제 사이트에서 매니페스트 경로를 검증하고, 플랫폼 아이콘 캐시를 지운 뒤 대상 장치에서 설치 및 실행을 테스트합니다.

중요한 제한 사항

패키지는 크기 정보를 제공할 뿐 플랫폼 승인이나 완전한 사이트 매니페스트를 제공하지 않습니다. 하나의 마스터를 확대한 것으로 작은 크기의 세부 사항을 복원할 수 없으며, 일부 런처는 투명 픽셀을 평면화할 수 있습니다. 마스크 가능한 PWA 아이콘은 의도적인 안전 영역 아트워크가 필요하며, ICO 투명도는 PNG 알파와 기존 마스크 간에 다르며, 운영 체제는 오래된 아이콘을 캐시할 수 있습니다.

다운로드한 결과 확인

모든 PNG를 기본 크기로 밝은 배경과 어두운 배경에서 확인하고, 투명 여백과 마스크 가능한 안전 영역을 확인하며, ICO 항목을 열고 실제 사이트에서 매니페스트 경로를 검증하고, 플랫폼 아이콘 캐시를 지운 뒤 대상 장치에서 설치 및 실행을 테스트합니다.

설계상 개인정보 보호

파일은 브라우저에 남습니다. 이 도구는 원본이나 출력을 서버로 업로드하지 않습니다.

질문과 답변

관련 도구