ICO 포맷 — 윈도우 아이콘과 파비콘
한 파일에 여러 크기의 이미지를 담는 ICO 포맷의 구조와 헤더, 윈도우 권장 크기(16·32·48·256px)와 PNG 압축 아이콘, 파비콘에 ICO가 여전히 쓰이는 이유, PNG를 ICO로 만들 때 주의점을 정리했습니다.
ICO는 윈도우에서 프로그램·파일·바로가기 아이콘을 저장하는 형식입니다. IANA에 등록된 공식 미디어 타입은 image/vnd.microsoft.icon이지만, 실제로는 image/x-icon이 더 널리 쓰입니다(MDN). 일반 이미지 포맷과 가장 다른 점은 한 파일 안에 여러 크기의 이미지를 함께 담는다는 것입니다. 윈도우는 작업 표시줄, 탐색기 목록, 큰 아이콘 보기처럼 상황에 따라 가장 알맞은 크기를 골라 표시합니다.
구조
ICO 파일은 짧은 헤더와 "이미지 목록(디렉터리)"으로 시작합니다. 목록의 각 항목에는 가로·세로 크기, 색 수, 데이터 위치가 적혀 있고, 그 뒤에 실제 이미지들이 이어집니다. 각 이미지는 다음 둘 중 하나로 저장됩니다.
- BMP(DIB) 형식: 전통적인 방식. 색 데이터와 함께 1비트 AND 마스크(투명 여부)를 저장하고, 32비트 이미지는 알파 채널로 부드러운 투명도를 표현합니다. 파일 헤더(
BM)는 빠진 채 들어갑니다. - PNG 형식: 윈도우 비스타부터 지원. 큰 아이콘을 작은 용량으로 담을 수 있습니다.
헤더 살펴보기
ICO 파일의 처음 6바이트는 예약 값(0), 종류(1 = 아이콘, 2 = 커서), 들어 있는 이미지 개수입니다. 그 뒤로 이미지마다 16바이트짜리 항목이 이어지며 가로·세로, 색 수, 데이터 크기와 위치를 적습니다. 가로·세로 칸은 1바이트라 최대 255까지만 쓸 수 있어서, 256픽셀은 0으로 적는 규칙이 있습니다. 같은 구조를 쓰는 커서 파일(.cur)은 항목의 색 평면·비트 수 칸 대신 클릭 지점(핫스폿) 좌표를 담습니다.
윈도우 권장 크기
Microsoft의 아이콘 디자인 지침은 응용 프로그램 아이콘에 16×16, 32×32, 48×48, 256×256 크기를 모두 담도록 권합니다. 비스타에서 256×256 아이콘이 추가되었고, 이 큰 크기는 PNG 압축으로 저장하는 것이 일반적입니다. 작은 크기는 단순히 큰 그림을 축소하기보다 선을 굵게, 세부를 줄여 따로 다듬는 편이 선명합니다.
윈도우는 화면 배율(DPI 설정)과 탐색기 보기 방식에 따라 파일 안에서 가장 가까운 크기를 골라 표시하고, 없는 크기는 확대·축소해서 만듭니다. 그래서 자주 쓰이는 크기를 빠짐없이 담아 두면 어느 화면에서나 흐리지 않게 보입니다. 브라우저 탭의 파비콘처럼 16×16으로 표시되는 곳도 많으므로, 가장 작은 크기가 특히 중요합니다.
파비콘과 ICO
웹사이트 파비콘은 오랫동안 사이트 루트의 /favicon.ico로 제공되어 왔고, 모든 주요 브라우저가 이를 지원합니다. 요즘은 <link rel="icon">으로 PNG·SVG 파비콘을 지정하는 방식이 권장되지만(MDN), 링크 태그 없이 /favicon.ico를 직접 요청하는 프로그램도 있어 ICO를 함께 두는 사이트가 많습니다.
Google 검색 센터는 검색결과에 표시되는 파비콘이 정사각형(1:1)이고 최소 8×8픽셀이어야 하며, 여러 화면에서 잘 보이도록 48×48픽셀보다 큰 크기를 권장합니다. 지원 형식으로 ICO·PNG·GIF·JPEG·BMP 등을 명시하고 있습니다.
변환할 때 주의점
- 정사각형 원본을 쓰세요. 직사각형 이미지는 늘어나거나 여백이 생깁니다. 필요하면 먼저 자르기로 1:1로 자릅니다.
- 투명 배경 PNG를 원본으로 쓰면 아이콘 모서리가 자연스럽습니다. JPG 원본은 흰 사각형 배경이 그대로 남습니다.
- 16×16처럼 아주 작은 크기에서는 글자가 읽히지 않으므로, 로고의 핵심 도형만 남기는 편이 좋습니다.
- PNG를 ICO로 변환하면 여러 크기를 한 파일에 담을 수 있습니다.
- 윈도우 탐색기는 아이콘을 캐시하므로, 아이콘을 바꿨는데 이전 모양이 보이면 캐시가 갱신될 때까지 기다리거나 파일 이름을 바꿔 확인하세요.