로고 PNG를 파비콘 ICO로 만들기: 크기 선택과 실제 용량

작성 2026-10-27 · 갱신 2026-10-27 · 운영자(개인)

홈페이지 설정에서 파비콘이나 아이콘을 ICO 파일로 올리라고 하나요? 정사각형 투명 PNG 로고를 변환에서 ICO로 저장하면, 여러 크기의 아이콘이 한 파일에 함께 들어갑니다. 어떤 크기를 넣느냐에 따라 용량이 25배 가까이 달라져서, 직접 만든 로고로 저장해 보고 파일 안을 하나씩 열어 확인했어요.

ICO 파일에는 무엇이 들어 있나요?

ICO는 크기가 다른 아이콘 여러 장을 한 파일에 담는 형식입니다. 브라우저 탭처럼 작은 자리에는 작은 그림을, 큰 자리에는 큰 그림을 골라 쓸 수 있게 하는 거예요. 미루킷 변환에서 저장 형식을 ICO로 고르면 ‘포함할 ICO 크기 (px)’에서 16, 24, 32, 48, 64, 128, 256 중 넣을 크기를 고를 수 있고, 처음에는 24를 뺀 여섯 가지가 선택돼 있습니다.

직접 저장해 본 결과

512×512 투명 PNG 로고(20.2KB)를 직접 그렸습니다. 파란 둥근 사각형에 흰 M, 오른쪽 위 노란 점, 아래쪽 작은 ‘kit’ 글씨가 있어요. 이 파일을 미루킷 변환과 같은 처리 과정으로 ICO로 저장하고, 저장된 파일의 목록을 직접 읽어 각 그림의 크기와 용량을 확인했습니다.

기본 여섯 가지 크기로 저장한 ICO는 361.4KB였습니다. 원본 PNG보다 훨씬 큰데, 그중 256×256 한 장이 264.0KB, 128×128이 66.0KB를 차지했어요. 미루킷의 ICO는 각 크기를 32비트 그림 그대로 담아서, 큰 크기일수록 용량이 빠르게 늘어납니다. 일곱 가지를 모두 넣으면 363.8KB였습니다.

16·32·48 세 가지만 넣었을 때는 14.7KB였어요. 기본값보다 25배 가까이 작습니다. 16×16은 1.1KB, 32×32는 4.2KB, 48×48은 9.4KB였습니다. 모든 그림이 32비트로 저장돼 투명한 모서리도 그대로 남았어요.

작은 크기에서는 무엇이 보이나요?

아래 그림은 ICO 안의 각 크기를 풀어서 크게 확대한 것입니다. 32×32 이상에서는 M과 노란 점이 또렷했지만, 16×16에서는 M의 획이 뭉개지기 시작했고, 아래쪽 ‘kit’ 글씨는 48×48에서도 거의 읽히지 않았어요.

작은 아이콘에서는 글씨와 가는 선이 먼저 사라집니다. 파비콘용으로는 글자 하나나 단순한 모양처럼 크게 알아볼 수 있는 부분만 남긴 로고를 따로 준비하는 편이 좋아요. 16×16 결과를 확대해 보고 알아볼 수 있는지 먼저 확인해 보세요.

미루킷에서 만드는 순서

1. 정사각형 투명 PNG 로고를 준비합니다. 512×512처럼 넉넉한 크기면 작은 크기로 줄여도 깔끔해요.
2. 변환을 열고 로고를 넣은 뒤 저장 형식에서 ICO를 고릅니다.
3. 추가 설정의 ‘포함할 ICO 크기 (px)’에서 필요한 크기만 남깁니다. 작은 아이콘만 필요하다면 16·32·48만 남기면 파일이 훨씬 작아져요.
4. 결과 용량을 확인하고 저장합니다. 올릴 곳에 정해진 크기나 용량이 있다면 그 안내에 맞춰 크기를 고르세요.

기본값으로 저장하면 결과 칸에 ‘원본보다 커져요’가 표시될 수 있습니다. 이번 시험에서는 20.2KB 로고가 361.4KB가 됐어요. 고장이 아니라 큰 크기 그림이 압축 없이 들어가서 생기는 일이니, 필요 없는 큰 크기를 빼면 됩니다. 미리보기는 고른 크기 중 가장 큰 것으로 보여 줘서, 48까지만 남기면 미리보기의 아이콘도 작아져요.

크기를 하나씩 더하면 얼마나 늘어나나요?

저장한 파일 안의 크기별 용량은 16×16이 1.1KB, 24×24가 2.4KB, 32×32가 4.2KB, 48×48이 9.4KB, 64×64가 16.5KB, 128×128이 66.0KB, 256×256이 264.0KB였습니다. 가로·세로가 두 배가 되면 용량은 네 배쯤 늘어나요. 128과 256 두 가지가 전체의 90% 넘게 차지하니, 큰 아이콘이 꼭 필요한지 먼저 생각해 보세요.

로고가 정사각형이 아니면요?

600×300 가로 로고로도 저장해 봤습니다. 로고는 찌그러지지 않고 256×256 안에 비율대로 들어갔고, 위아래 빈 곳은 투명하게 채워졌어요. 다만 그만큼 로고가 작아 보이니, 가능하면 정사각형에 맞게 다시 배치한 로고를 쓰는 편이 작은 크기에서 더 잘 보입니다.

미루킷으로 직접 확인한 결과

직접 그린 512×512 투명 로고와 600×300 로고를 실제 processImage로 ICO 저장했습니다. 저장한 파일의 목록(크기·비트·용량)을 직접 읽고 각 그림을 풀어 확인했습니다.

실측 원시 기록 보기