EXTRACT

ICO를 PNG로

아이콘 파일에는 여러 크기가 한꺼번에 들어 있습니다. 브라우저가 고른 하나가 아니라 전부를 가져가십시오.

EXTRACT

☞ 모든 처리가 브라우저 안에서 이루어집니다 — 아무것도 업로드되지 않습니다

ICO를 여기에 놓으세요

최대 20 MB — 기기를 떠나지 않습니다

파일 하나, 아이콘 여럿

아이콘 파일은 컨테이너입니다

.ico는 이미지 한 장이 아닙니다. 같은 그림을 여러 해상도로 담은 작은 보관함입니다 — 보통 16, 32, 48픽셀이고 때로는 256까지 — 그래서 윈도우와 브라우저가 각자 그릴 자리에 맞는 것을 골라 쓸 수 있습니다. 파비콘이 탭에서도 바탕화면 바로가기에서도 또렷해 보이는 이유가 이것입니다. 같은 그림을 확대·축소한 것이 아니라 서로 다른 그림입니다.

문제는 .ico를 여는 모든 것이 하나를 고르고 나머지를 버린다는 점입니다. 이미지 편집기나 브라우저 탭에 넣으면 해상도 하나, 대개 가장 큰 것만 얻게 되고 나머지가 존재한다는 기색조차 없습니다. 이 도구는 컨테이너 자체를 열어 찾아낸 모든 크기를 펼쳐 놓습니다. 그래서 48짜리를 흐릿하게 줄인 것이 아니라, 손으로 그려진 16픽셀 판본을 그대로 가져갈 수 있습니다.

세 단계

ICO를 PNG로 바꾸는 방법

01

ICO 올리기

컨테이너가 브라우저 안에서 해석됩니다. 모든 항목이 디코딩되어 실제로 보이는 크기로, 큰 것부터 나열됩니다.

02

원하는 크기 고르기

처음에는 전부 선택되어 있습니다. 타일을 눌러 제외할 수 있습니다 — 스토어 등록용 256픽셀 판본만 필요할 때 편리합니다.

03

내려받기

한 개면 PNG 한 장으로, 여러 개면 ZIP으로 내려옵니다. 파일 이름에 크기가 들어갑니다.

간단한 답변

ICO → PNG 자주 묻는 질문

왜 여기서는 여러 크기가 보이고 다른 곳에서는 하나만 보이나요?

다른 모든 것이 대신 골라 주기 때문입니다. 파비콘을 그리는 브라우저나 파일을 여는 편집기는 스스로 가장 낫다고 판단한 항목 하나를 취하고 나머지는 언급조차 하지 않습니다. python.org 파비콘으로 실측해 보니 브라우저의 이미지 요소는 48픽셀 판본만 돌려주었지만 파일에는 16, 32, 48이 모두 들어 있었습니다. 컨테이너를 직접 읽는 것만이 전부를 보는 방법입니다.

변환하면 화질이 떨어지나요?

의미 있는 손실은 없습니다. 아이콘은 컨테이너 안에 완전한 PNG로 들어 있거나 압축되지 않은 비트맵으로 들어 있습니다. PNG 항목은 저장된 그대로, 바이트 단위로 손대지 않고 전달됩니다. 비트맵 항목도 무손실이므로 PNG로 써 내도 픽셀이 전부 보존됩니다.

작은 크기가 그냥 작은 게 아니라 달라 보이는 이유는?

실제로 다른 경우가 대부분이기 때문입니다. 16픽셀에는 48에서 통하는 디테일을 넣을 자리가 없어서, 아이콘 디자이너는 줄이는 대신 다시 그립니다 — 획을 굵게, 요소를 줄이고, 때로는 구성 자체를 바꿉니다. 따로 꺼낸다는 것은 그 크기를 위해 실제로 그려진 판본을 얻는다는 뜻입니다.

투명도는 살아남나요?

네. 오래된 아이콘은 투명도를 알파 채널이 아니라 별도의 마스크에 저장하는데, 두 형태 모두 처리합니다. 32비트 아이콘의 알파 채널이 통째로 0이고 실제 투명 정보는 마스크에 있는 흔한 사례가 있습니다 — 곧이곧대로 읽으면 완전히 보이지 않는 이미지가 나오므로, 알파 채널이 비어 있는 것으로 드러나면 마스크를 씁니다.

반대로 ICO를 만들 수도 있나요?

네, 이미지를 아이콘으로 바꾸는 도구가 파비콘 묶음과 함께 여러 크기의 .ico를 만들어 줍니다. 이 페이지는 반대 방향 전용입니다.

어딘가로 올라가나요?

아니요. 컨테이너 해석과 이미지 디코딩 모두 이 페이지의 자바스크립트가 하고, 내려받을 파일도 로컬에서 만들어집니다. 서버에 닿는 것이 없어서 오프라인에서도 계속 작동합니다.