ICO vs PNG: 차이점과 언제 무엇을 쓸까
PNG는 이미지 한 장입니다. ICO는 여러 이미지를 담는 컨테이너이고, 그 안의 이미지가 PNG인 경우도 많습니다. 어느 쪽이 필요한지는 아이콘이 쓰이는 곳에 달려 있습니다: 윈도우와 오래된 도구는 ICO를, 최신 웹은 PNG와 SVG로 충분합니다.
한눈에 비교
| ICO | PNG | |
|---|---|---|
| 파일당 이미지 수 | 여러 장(크기별 1장) | 1장 |
| 투명도 | 예 (PNG/32비트 BMP 항목의 알파) | 예 (알파) |
| 최대 크기 | 이미지당 256×256 | 사실상 제한 없음 |
| 윈도우 프로그램/폴더 아이콘 | ✅ 필수 | ❌ 불가 |
| 브라우저 파비콘 | ✅ 모든 환경 | ✅ 모든 최신 브라우저 |
| 애플 터치 / 안드로이드 / PWA | ❌ | ✅ 필수 |
| 이미지 프로그램에서 편집 | 지원 제한적 | 어디서나 |
ICO를 써야 할 때
- 윈도우 실행 파일, 설치 프로그램, 바로가기의 아이콘.
- 폴더·드라이브 사용자 지정 아이콘.
- 호환성을 최대로 하기 위한 사이트 루트의
/favicon.ico. - 따로 다듬은 여러 크기를 파일 하나로 제공해야 할 때.
PNG를 써야 할 때
- 최신 브라우저의 파비콘(
<link rel="icon" type="image/png">). - 애플 터치 아이콘, 웹 앱 매니페스트 아이콘 — 반드시 PNG여야 합니다.
- 앱 스토어, SNS 프로필, 문서 등 윈도우 전용이 아닌 모든 곳.
- 나중에 다른 형식으로 변환할 원본 그림.
파일 크기
16, 32, 48px BMP 항목이 든 favicon.ico는 약 15KB입니다. 모든 크기를 PNG 항목으로 저장하면 2–5KB로 줄어듭니다. PNG 파일을 따로 두어도 용량은 비슷하지만 파일마다 HTTP 요청이 하나씩 생깁니다. 파비콘이라면 어느 쪽이든 괜찮습니다 — 요즘 인터넷 속도에서는 차이가 거의 없습니다.
서로 변환하기
- PNG → ICO: PNG → ICO를 쓰세요. 투명도가 유지되고 크기를 고를 수 있습니다.
- ICO → PNG: ICO → PNG로 파일 안의 모든 이미지를 하나씩 또는 ZIP으로 추출합니다.
- 여러 파일 한 번에: 두 도구 모두 여러 파일을 받아 ZIP으로 돌려줍니다.
.png 확장자만 .ico로 바꾸지 마세요. 일부 브라우저는 받아들이지만 윈도우와 빌드 도구에는 진짜 ICO 구조가 필요합니다.
자주 묻는 질문
ICO가 PNG보다 화질이 좋은가요?
아니요. ICO가 PNG나 32비트 항목을 저장하면 화질은 같습니다. ICO의 장점은 여러 크기를 파일 하나에 담는 것입니다.
파비콘을 PNG로 해도 되나요?
네. 모든 최신 브라우저가 PNG 파비콘을 지원합니다. 오래된 소프트웨어를 위해 favicon.ico도 함께 두세요.