Tools · 5 분 읽기 · 발행일 2026년 2월 18일
파비콘 사이즈 완전 정리: 체크리스트 + 생성기 워크플로우
소스 이미지, 생성된 사이즈, manifest 링크, 최종 검증 순서만 지키면 브라우저별 깨진 아이콘을 쉽게 피할 수 있습니다.
파비콘ManifestPWA웹 개발
최소 파비콘 세트
대부분의 현대 웹사이트는 탭, 바로가기, 터치 아이콘, 앱 manifest를 위해 여러 아이콘 파일이 필요합니다.
단일 파비콘 파일 하나만으로는 기기별 일관된 렌더링을 보장하기 어렵습니다.
- favicon-16x16.png
- favicon-32x32.png
- apple-touch-icon.png (180x180)
- android-chrome 아이콘과 site.webmanifest
생성기 워크플로우
고해상도 정사각형 원본에서 시작해 생성기로 필요한 모든 자산을 한 번에 만드세요.
먼저 생성된 HTML과 manifest를 그대로 적용한 뒤, 필요한 부분만 선택적으로 커스터마이징하세요.
배포 전 최종 검증
브라우저 캐시를 비우고 데스크톱과 모바일에서 사이트를 확인하세요.
참조된 모든 아이콘 URL이 200 상태로 응답하고 기대한 크기인지 점검하세요.
이 가이드를 바로 적용해 볼까요?
이 글에서 바로 JustFavi를 실행해 브라우저에서 워크플로우를 완료해 보세요.
JustFavi로 생성하기