PNG ICO 변환기란?
PNG ICO 변환기는 PNG 이미지를 Windows 아이콘 파일인 ICO(.ico)로 바꾸는 도구입니다. ICO는 하나의 파일 안에 여러 크기의 이미지를 함께 저장할 수 있어 Windows 프로그램 아이콘, 바로가기 아이콘, 폴더 아이콘, 웹사이트 파비콘처럼 표시 크기가 달라지는 환경에서 활용하기 좋습니다.
이 변환기는 16×16, 24×24, 32×32, 48×48, 64×64, 128×128, 256×256px 중 필요한 크기를 직접 선택할 수 있습니다. 작은 크기는 32비트 아이콘 비트맵으로, 256×256px은 PNG 압축 형식으로 ICO 안에 저장합니다.
ICO에 여러 크기를 넣는 이유
아이콘은 같은 파일이라도 메뉴, 파일 탐색기, 바탕화면, 고해상도 화면 등에서 서로 다른 크기로 표시됩니다. 한 가지 크기만 넣으면 운영체제가 강제로 확대하거나 축소해야 하므로 작은 아이콘의 선이 뭉개지거나 큰 아이콘이 흐릿해질 수 있습니다. 여러 크기를 함께 넣으면 표시 환경에 가까운 해상도를 선택할 수 있습니다.
Microsoft의 현재 Windows 앱 아이콘 안내에서는 최소 구성으로 16×16, 24×24, 32×32, 48×48, 256×256px을 제공하도록 안내하고 있습니다. 따라서 특별한 이유가 없다면 이 계산기의 기본 선택값을 그대로 사용하는 것이 편리합니다.
PNG를 favicon.ico로 변환할 때 권장 설정
웹사이트용 파비콘이라면 원본 PNG를 가능하면 정사각형으로 준비하고, 16px·32px처럼 작은 크기와 48px 이상의 크기를 함께 포함하는 것이 좋습니다. Google Search의 파비콘 가이드에서는 파비콘이 1:1 정사각형이어야 하며, 최소 8×8px 이상이어야 하고 다양한 표시 환경을 위해 48×48px보다 큰 아이콘을 권장합니다.
원본이 직사각형이라면 여백 유지를 선택하면 전체 이미지를 보존하면서 남는 부분을 투명하게 처리할 수 있습니다. 로고가 화면을 꽉 채워야 한다면 가득 채우기를 사용할 수 있지만, 가장자리 내용이 잘릴 수 있으므로 미리보기를 확인하는 것이 좋습니다.
투명 배경 PNG도 ICO로 변환할 수 있나요?
가능합니다. PNG의 알파 채널을 유지하여 ICO의 투명 영역으로 변환합니다. 로고나 앱 아이콘처럼 모서리를 투명하게 만든 PNG라면 별도의 흰색 배경을 추가하지 않고 사용할 수 있습니다.
PNG와 ICO의 차이
PNG는 웹 이미지와 일반 그래픽에 널리 쓰이는 단일 이미지 형식이고, ICO는 아이콘 용도로 설계되어 여러 해상도와 색상 깊이의 이미지를 한 파일에 담을 수 있다는 점이 가장 큰 차이입니다. 웹사이트는 PNG 자체를 파비콘으로 사용할 수도 있지만, ICO는 여러 크기를 한 파일로 묶어 제공하고 싶을 때 편리합니다.
변환한 ICO를 웹사이트에 적용하는 방법
생성한 파일명을
favicon.ico로 정한 뒤 웹사이트의 public 또는 정적 파일 경로에 놓고, HTML의 <head> 영역에서 다음과 같이 연결할 수 있습니다.<link rel="icon" href="/favicon.ico" />자주 묻는 질문
- Q. ICO 파일 하나에 여러 크기가 실제로 들어가나요?A. 네. 선택한 16px, 32px, 48px, 256px 등의 이미지를 각각 생성한 뒤 하나의 ICO 파일 디렉터리에 함께 저장합니다.
- Q. 256×256 PNG를 올려야 하나요?A. 필수는 아니지만, 256px 아이콘까지 만들 계획이라면 256×256px 이상인 정사각형 원본을 사용하는 편이 좋습니다. 작은 PNG를 크게 확대하면 원본에 없던 디테일이 생기지 않아 결과가 흐릿해질 수 있습니다.
- Q. JPG도 ICO로 변환할 수 있나요?A. 현재 페이지는 PNG 전용입니다. 투명 배경과 알파 채널을 안정적으로 유지하는 목적 때문에 PNG 파일만 받도록 구성되어 있습니다.
- Q. 파비콘은 꼭 ICO여야 하나요?A. 아닙니다. 현대 브라우저는 PNG 같은 다른 유효한 파비콘 형식도 사용할 수 있습니다. 다만 favicon.ico는 여러 크기의 아이콘을 하나의 파일로 묶을 수 있고 오래된 환경과의 호환성을 고려할 때 여전히 유용합니다.
- 참고: Microsoft Windows 앱 아이콘 가이드, Microsoft Win32 아이콘 디자인 가이드, Google Search 파비콘 가이드, MDN favicon / link rel="icon" 문서.
