이미지를 ICO로 변환이란?
PNG, JPEG 등 다양한 이미지 형식을 웹사이트 파비콘과 애플리케이션 아이콘용 ICO 파일로 변환하는 도구입니다. 여러 아이콘 크기를 하나의 ICO 파일에 묶을 수 있어 브라우저 탭부터 바탕화면 바로가기까지 한 번에 해결됩니다.
ICO 컨테이너는 한 파일 안에 여러 크기의 비트맵을 함께 담을 수 있는 구조여서, favicon.ico 하나로 16픽셀 브라우저 탭과 256픽셀 Windows 앱 아이콘을 모두 책임집니다. 각 크기마다 고품질 리샘플링을 거치며 투명도도 유지되므로, 둥근 모서리나 부드러운 그림자가 작은 크기에서도 깔끔하게 남습니다.
사용 방법
- 원본 이미지를 업로드하세요. PNG, JPEG, WebP, SVG, GIF, BMP, TIFF, HEIC 모두 지원합니다.
- 필요한 아이콘 크기(16x16, 32x32, 48x48, 64x64, 128x128, 256x256)를 선택하거나 전체 선택으로 완전한 파비콘 패키지를 만드세요.
- 변환 버튼을 클릭하여 선택한 모든 크기가 포함된 ICO 파일을 생성한 후 다운로드하세요.
사용 시기
- 사이트나 블로그 루트에 둘 favicon.ico를 만들 때.
- 로고 PNG를 Windows 바로가기나 설치 프로그램 아이콘으로 만들 때.
- 레티나 브라우저 탭에서 흐릿하게 보이는 저해상도 파비콘을 교체할 때.
결과
웹 개발자가 회사 로고를 512x512 PNG로 업로드하고 16x16, 32x32, 48x48 크기를 선택하여 웹사이트용 표준 favicon.ico 파일을 만듭니다.
자주 묻는 질문
- favicon.ico에 실제로 어떤 크기를 넣어야 하나요?
- 요즘 사이트라면 16, 32, 48 세 크기로 브라우저 탭, 작업 표시줄, 대부분의 고정 바로가기를 커버할 수 있습니다. Windows 사용자가 바탕화면에 고정하거나 Edge 점프 목록에서 또렷한 아이콘이 필요하면 64와 256을 추가하세요.
- 16x16에서 로고가 흐릿하게 보이는 이유는 무엇인가요?
- 디테일이 많은 로고는 32픽셀 아래로 내려가면 식별이 어려워집니다. 512나 1024 정사각 원본에서 시작해 작은 글자는 빼고, 다운로드 전에 16픽셀 미리보기로 확인하세요. 단순화한 마크가 전체 로고보다 거의 항상 잘 읽힙니다.
- ICO 파일이 PNG의 투명도를 그대로 유지하나요?
- 유지합니다. 내부의 각 비트맵이 8비트 알파 채널을 통째로 가지고 있어 PNG 투명도가 그대로 넘어갑니다. 원본을 투명 배경으로 저장해 두면 밝은 테마든 어두운 테마든 어느 브라우저에서도 깔끔하게 표시됩니다.
- PNG 대신 SVG를 업로드해도 되나요?
- 됩니다. SVG는 선택한 크기마다 따로 래스터화해서 ICO로 묶기 때문에 저해상도 비트맵을 늘리는 것보다 훨씬 또렷합니다. 원본 벡터 파일이 있다면 최선의 입력입니다.
- favicon.ico는 서버 어디에 두어야 하나요?
- 사이트 루트, 예를 들어 yoursite.com/favicon.ico에 두세요. HTML에 link 태그가 없어도 브라우저가 이 경로를 자동으로 요청합니다. link rel=icon 태그를 명시하면 위치를 바꿀 수도 있습니다.