파비콘·앱 아이콘 크기 규격표
브라우저 탭·iOS·Android/PWA·Windows 타일별로 필요한 파비콘·앱 아이콘 픽셀 크기를 모아 보여줍니다.
필요한 아이콘 파일
6개
이 중 5개는 필수, 1개는 선택입니다.
favicon.ico (16×16) — 브라우저 탭의 기본 크기입니다.
favicon.ico (32×32) — 레티나(고해상도) 화면에서 선명하게 보입니다.
favicon.ico (48×48) — Windows 작업표시줄 고정·바로가기에 쓰입니다.
apple-touch-icon (180×180) — iOS에서 홈 화면에 추가할 때 쓰는 아이콘입니다.
android-chrome (192×192) — Android 홈 화면 아이콘, PWA manifest의 최소 구성 중 하나입니다.
android-chrome (512×512) — PWA 설치 대화상자·스플래시 화면에 쓰입니다.
사용 방법
- 1지원하려는 플랫폼(브라우저 탭·iOS·Android/PWA·Windows)을 고릅니다.
- 2필요한 아이콘 크기 목록을 확인합니다.
- 3각 크기의 PNG(또는 ICO)를 만들어 알려진 파일명으로 올려둡니다.
자주 묻는 질문
가장 기본이 되는 것은 favicon.ico 안의 16×16·32×32 두 크기입니다. 여기에 iOS 홈 화면용 180×180(apple-touch-icon), Android·PWA용 192×192·512×512까지 더하면 대부분의 최신 브라우저·기기에서 문제없이 표시됩니다.
16×16 이미지를 그대로 확대하면 레티나(고해상도) 화면에서 흐릿하게 보입니다. 32×32를 따로 준비하면 브라우저가 화면 배율에 맞는 크기를 골라 써서 더 선명하게 나옵니다.
아닙니다. Windows 시작 화면에 사이트를 고정하는 기능은 예전만큼 쓰이지 않아 레거시로 취급됩니다. 문서마다 권장 크기도 조금씩 달라(150×150을 쓰는 곳도, 다른 배수를 쓰는 곳도 있음) 대부분의 사이트는 생략해도 무방합니다.
가능은 하지만 작은 크기로 축소될 때 디테일이 뭉개지거나 획이 얇아 보일 수 있습니다. 특히 16×16처럼 아주 작은 크기는 큰 이미지를 자동으로 줄인 것보다, 작은 크기에 맞춰 획을 굵게 다시 그린 아이콘이 더 또렷하게 보입니다.
알아두면 좋은 점
- 정확한 치수는 Apple·Google·W3C(Web App Manifest) 같은 플랫폼 쪽 공식 문서를 기준으로 했습니다. Windows 타일은 문서마다 권장값이 갈리는 레거시 항목이라 가장 널리 쓰이는 값 하나만 참고로 실었습니다.
- Safari 고정 탭 아이콘은 픽셀이 아니라 단색 SVG(벡터)로 만드는 항목이라 이 표의 px 크기와는 다르게 준비해야 합니다.
함께 보면 좋은 도구
마지막 검증: 2026년 9월 6일 · 결과는 참고용 추정치입니다.