본문 바로가기

ICO를 PNG로 변환

.ico는 같은 그림을 여러 크기로 묶은 파일이고, Windows와 브라우저 말고는 열어 주는 곳이 없습니다. 가장 큰 그림을 투명 PNG로 꺼내세요. 편집에, 문서에, 다른 사이트에. 아무것도 저장하지 않습니다.

  • 저장되지 않음
  • 대기열 없음, 기다림 없음
  • 회원가입 없음, 워터마크 없음

사용 방법

1

.ico 파일 추가

사이트에서 저장한 파비콘, 프로그램에서 꺼낸 아이콘, 디자이너가 보낸 파일.

2

변환

아이콘마다 가장 큰 이미지를 디코딩해 투명도를 유지한 PNG로 저장합니다.

3

다운로드

하나씩, 또는 ZIP으로 받습니다.

.ico 안에는 무엇이 들어 있나

ICO는 작은 디렉터리 뒤에 크기와 색 심도가 다른 이미지 여러 장이 이어진 파일입니다. 예전에는 16색이나 256색의 16×16과 32×32였고, 지금은 보통 완전한 32비트 색상의 16, 32, 48, 256픽셀입니다. 항목은 별도의 투명 마스크를 가진 Windows 비트맵으로 저장되거나, 256픽셀 이상이라면 Vista부터는 내장 PNG로 저장됩니다. 디코더는 가장 큰 항목을 골라 마스크를 적용한 픽셀을 넘겨주므로, 받는 PNG는 그 파일이 가진 가장 좋은 그림입니다.

오래된 아이콘의 알파 채널은 1비트입니다. 픽셀이 있거나 없거나 둘 중 하나입니다. 90년대 16색 아이콘의 가장자리는 화면에서 보이던 그대로 들쭉날쭉하게 PNG에 나타납니다. 최신 아이콘은 완전한 8비트 알파를 갖고 있어 가장자리가 부드럽게 옮겨집니다. 중간에 부드럽게 다듬거나 확대하지 않습니다. PNG는 아이콘 자신의 픽셀입니다.

웹사이트에서 받은 파비콘은 이름과 달리 ICO가 아닌 경우가 있습니다. 많은 사이트가 PNG나 SVG를 favicon.ico로 제공합니다. 파일은 내용으로 판별해 읽으므로 그런 파일도 디코딩되며, 나오는 것은 그저 그 하나의 크기로 된 그림입니다.

다른 작업이 필요할 때

가장 큰 것 하나가 아니라 아이콘 속 모든 크기가 필요하다면, ImageMagick의 magick in.ico out.png가 항목마다 out-0.png, out-1.png 식으로 저장하고, Linux에서는 icoutils의 icotool -x가 같은 일을 하면서 파일 내용을 먼저 나열해 줍니다. 프로그램 안의 아이콘은 Windows의 Resource Hacker나 icoutils의 wrestool로 추출합니다.

아이콘의 원본 아트워크가 아직 있다면 그쪽으로 돌아가세요. 아이콘에서 꺼낸 256픽셀 PNG는 해상도의 막다른 길이지만, SVG나 원본 PNG는 어떤 크기로도 렌더링할 수 있습니다.

자주 묻는 질문

어떤 크기가 나오나요?

아이콘에 담긴 가장 큰 크기입니다. 최신 파비콘이나 Windows 아이콘은 16, 32, 48, 그리고 대개 256픽셀 버전을 담고 있습니다. 나오는 것은 256픽셀 버전이고, 보통 그것을 축소한 것에 불과한 작은 크기들은 따로 추출하지 않습니다.

투명도가 유지되나요?

네. 아이콘은 거의 항상 모양 주변이 투명하며, PNG는 그 알파 채널을 정확히 유지합니다.

PNG가 작고, 확대하면 흐릿한 이유는?

아이콘에 작은 그림만 들어 있었기 때문입니다. 오래된 파비콘에는 32픽셀보다 큰 것이 없을 수 있고, 어떤 변환도 원래 없던 디테일을 더할 수는 없습니다. SVG나 큰 PNG 같은 원본 아트워크가 있다면 그것으로 변환하세요.

반대로도 변환할 수 있나요?

네. ICO 변환 도구는 여러 크기를 담은 Windows 아이콘을 만들고, 파비콘 생성기는 웹사이트에 필요한 세트 전체를 만듭니다.

제 파일이 어딘가에 저장되나요?

아닙니다. 어느 단계에서도 아무것도 저장하지 않습니다.

.cur 커서 파일과 아이콘 라이브러리는요?

.cur는 같은 컨테이너에 핫스팟이 더해진 것이라 .ico로 이름을 바꾸면 대개 디코딩됩니다. .icl 라이브러리나 .exe 안에 들어 있는 아이콘은 이미지 파일이 아니므로 먼저 아이콘 도구로 추출하세요.

참고: 아이콘마다 가장 큰 이미지 하나만 추출하며, 안에 든 작은 크기들은 따로 저장하지 않습니다. 프로그램(.exe, .dll)에 포함된 아이콘은 먼저 추출해야 합니다.

내 웹사이트에 이 도구 넣기

블로그, 수업 페이지, 도움말 글 어디에나 무료로 넣을 수 있습니다. 코드 한 줄만 붙여 넣으면 방문자가 페이지에서 바로 사용할 수 있습니다.