파비콘 만들기 — 브라우저 탭의 작은 아이콘
파비콘은 브라우저 탭과 북마크 옆에 보이는 작은 이미지입니다. 보통 32×32픽셀로 작지만, 사이트의 시각적 정체성을 결정하죠. 이 가이드는 어떤 크기가 필요하고 모던 파비콘이 클래식과 어떻게 다른지를 정리합니다.
파비콘은 원래 16×16 .ico 파일 하나로 시작했지만, 모던 웹은 여러 크기가 필요합니다 — 탭·북마크·iOS 홈 화면·안드로이드 단축아이콘·윈도우 타일. 파비콘 메이커는 한 소스 이미지에서 모든 크기를 자동 생성합니다.
필요한 파비콘 크기
| 크기 | 용도 |
|---|---|
| 16×16 | 브라우저 탭, 북마크 |
| 32×32 | 고해상도 디스플레이 브라우저 탭 |
| 48×48 | 윈도우 사이트 아이콘 |
| 180×180 | Apple 터치 아이콘 (홈 화면) |
| 192×192 | 안드로이드 홈 화면 |
| 512×512 | PWA 스플래시 화면, 스토어 아이콘 |
디자인 팁
- •정사각형 원본, 가능하면 512×512 이상에서 시작
- •16×16에서 테스트 — 그 크기에서 안 보이면 단순화
- •굵은 도형 사용, 가는 선 피하기 — 작은 크기에서 사라짐
- •브랜드 색상 유지하되 라이트·다크 테마 모두에서 대비 확보
자주 묻는 질문
.ico가 여전히 필요한가요?
모던 브라우저는 PNG를 선호하지만 매우 오래된 브라우저·일부 연동에는 .ico가 안전한 폴백. EllyTools는 둘 다 생성.
모든 크기가 필요한가요?
아니요 — 16×16, 32×32, 180×180(Apple), 192×192(안드로이드)면 95% 케이스 커버.
파일이 업로드되나요?
아니요 — 브라우저 안에서만 처리.