왜 만들었나요
프로그램이나 웹사이트에 아이콘을 넣으려면 .ico 파일이 필요한데, 변환 사이트마다 크기를 고를 수 없거나 결과가 뭉개져 나오는 곳이 많았습니다. 반대 방향은 더 답답했습니다. 남이 준 .ico 안에 어떤 크기가 들어 있는지 열어 볼 방법이 마땅치 않아서, 결국 아이콘을 새로 만들곤 했습니다. 두 방향을 한 화면에서 하도록 만들었습니다.
PNG ICO 변환
그림 한 장을 크기별로 담은 아이콘 파일로 묶습니다. 반대로 .ico 파일을 열어 안에 든 그림을 PNG로 꺼낼 수도 있습니다.
또는 파일을 여기에 끌어다 놓으세요
ICO를 올리면 PNG로 풀고, 그림을 올리면 ICO로 묶습니다 · PNG · JPG · WebP · GIF · BMP · SVG
Note
올린 파일은 서버로 전송되지 않습니다. 변환은 모두 내 브라우저 안에서 이뤄지고, 화면을 닫으면 아무것도 남지 않습니다.
PNG ICO 변환 사용 방법
-
가운데 파일 선택 버튼을 누르거나 파일을 그 자리에 끌어다 놓습니다. 아이콘 파일과 그림 중 무엇을 올렸는지 보고 방향은 알아서 정해집니다.
-
그림을 올렸다면 담을 크기를 고릅니다. 누를 때마다 아이콘이 곧바로 다시 만들어지고, 미리보기에는 실제로 파일에 담기는 그림이 그대로 보입니다. 아래 ICO 다운로드를 누르면 고른 크기가 전부 들어간 파일 하나를 받습니다.
-
아이콘을 올렸다면 안에 들어 있던 그림이 크기별 카드로 펼쳐집니다. 필요한 것만 PNG 저장으로 받고, 여러 장이면 ZIP 전체 다운로드로 한 번에 받습니다.
왼쪽 위에 지금 어느 방향으로 처리하는 중인지와 파일 이름이 표시됩니다. + 다른 파일로 바로 바꾸고, 초기화로 처음 화면으로 돌아갑니다.
이렇게 나옵니다
정사각형 로고 한 장을 올리면 이렇게 나옵니다.
| 넣은 것 | 나온 것 |
|---|---|
logo.png 512 × 512 | logo.ico — 16 · 32 · 48 세 크기가 한 파일에 |
반대로 아이콘을 올리면 그 안에 든 것이 그대로 나옵니다.
| 넣은 것 | 나온 것 |
|---|---|
favicon.ico | favicon-256x256.png · favicon-48x48.png · favicon-32x32.png · favicon-16x16.png |
몇 장이 나오는지는 아이콘마다 다릅니다. 한 장만 든 것도 있고 예닐곱 장이 든 것도 있습니다.
알아두면 좋은 것
아이콘 하나에 왜 여러 크기가 들어 있나
.ico는 그림 한 장이 아니라 여러 장을 담는 상자입니다. 같은 아이콘이라도 쓰이는 자리마다 필요한 크기가 다르기 때문입니다.
| 크기 | 주로 쓰이는 곳 |
|---|---|
| 16 · 32 | 브라우저 탭, 목록 보기 |
| 48 | 바탕화면 바로가기 |
| 128 · 256 | 큰 아이콘 보기, 파일 정보 창 |
크기를 하나만 담으면 다른 자리에서는 그것을 늘리거나 줄여 쓰기 때문에 흐릿해집니다. 그래서 처음부터 16 · 32 · 48이 켜져 있습니다.
작은 크기는 원래 뭉개집니다
512px 그림을 16px로 줄이면 가는 선과 작은 글자는 사라집니다. 이건 변환 문제가 아니라 픽셀 수의 문제입니다. 16 · 32처럼 작은 크기가 중요하다면 선이 굵고 단순한 그림을 원본으로 쓰는 편이 낫습니다.
파비콘 만들기와는 쓰임이 다릅니다
파비콘 만들기는 웹사이트에 붙일 꾸러미 전체(아이콘 · 크기별 PNG · 설정 파일 · 붙여넣을 코드)를 한 번에 만들어 줍니다. 웹사이트에 아이콘을 다는 것이 목적이라면 그쪽이 편합니다.
여기는 파일 형식만 바꾸는 곳입니다. 담을 크기를 직접 고르고 싶거나, 이미 있는 아이콘을 열어 봐야 할 때 씁니다.
이런 경우에는
아이콘 파일이 안 열려요
이름만 .ico이고 실제로는 다른 형식인 파일이 종종 있습니다. 그림판이나 미리보기로 열리는지 먼저 확인해 보세요. 진짜 아이콘인데도 열리지 않는다면 흔치 않은 옛 저장 방식일 수 있습니다. 이때는 안에 든 그림 중 읽을 수 있는 것만 나오고, 하나도 읽지 못하면 그렇다고 안내가 뜹니다.
만든 아이콘이 흐릿해요
원본이 작으면 늘려 담기 때문에 흐려집니다. 256px 이상, 되도록 정사각형인 그림을 넣어 주세요.
배경이 하얗게 나와요
JPG에는 투명이라는 개념이 없어서 배경이 항상 채워집니다. 배경을 비우려면 투명 배경 PNG를 넣어야 합니다. 사진에서 배경을 지우려면 누끼따기를 먼저 쓰세요.
그림이 잘려요
잘리지 않습니다. 정사각형이 아닌 그림은 비율을 지켜 가운데에 놓고, 남는 자리를 투명하게 비웁니다. 위아래(또는 좌우)에 빈 자리가 생기는 것이 싫다면 사진 자르기로 정사각형을 만든 뒤 넣으세요.
용어 설명
- ICO
윈도우가 아이콘에 쓰는 파일 형식입니다. 크기가 다른 그림 여러 장을 한 파일에 담을 수 있다는 점이 PNG · JPG와 가장 다릅니다.
- 파비콘
브라우저 탭과 즐겨찾기에 뜨는 사이트의 작은 아이콘입니다. 보통
favicon.ico라는 이름을 씁니다.- 32비트 · 8비트
한 점에 색을 얼마나 자세히 적었는지를 말합니다. 32비트는 색에 더해 투명한 정도까지 담고, 8비트는 미리 정해 둔 256색 안에서 고릅니다. 옛날 아이콘일수록 숫자가 작습니다.
PNG ICO 변환 자주 묻는 질문
PNG를 ICO로 바꿀 때 크기는 어떻게 정하나요?
16·32·48·64·128·256px 중에서 원하는 만큼 고르면, 고른 크기가 전부 한 .ico 파일 안에 들어갑니다. 처음에는 16·32·48이 켜져 있습니다. 브라우저 탭과 목록에는 16·32가, 바탕화면 바로가기에는 48이 쓰이기 때문입니다. 큰 아이콘 보기까지 신경 쓴다면 256도 함께 담으세요. 크기를 누를 때마다 아이콘이 곧바로 다시 만들어지고, 미리보기에는 실제로 파일에 담기는 그림이 그대로 보입니다.
ICO 파일을 PNG로 되돌릴 수도 있나요?
네. .ico 파일을 올리면 그 안에 들어 있던 그림을 전부 꺼내 크기별 카드로 보여 줍니다. 필요한 것만 낱개로 저장하거나 ZIP으로 한 번에 받을 수 있습니다. 아이콘 하나에 몇 장이 들어 있는지는 파일마다 다릅니다. 한 장만 든 것도 있고 예닐곱 장이 든 것도 있습니다.
오래된 아이콘 파일도 열리나요?
열립니다. 요즘 방식(PNG를 그대로 담은 아이콘)뿐 아니라 32·24·8·4·1비트로 저장된 옛 방식도 읽습니다. 투명 정보를 따로 적어 둔 옛 아이콘도 그 정보를 반영해 배경을 비워 줍니다. 다만 아주 드문 저장 방식이 섞여 있으면 그 항목만 건너뛰고 읽을 수 있는 그림만 나옵니다.
만든 아이콘이 흐릿하게 나옵니다.
원본 그림이 작으면 늘려 담기 때문에 흐려집니다. 256px 이상, 되도록 정사각형인 그림을 넣어 주세요. 원본이 충분히 큰데도 16·32처럼 작은 크기가 뭉개진다면 그건 변환 문제가 아니라 픽셀 수의 한계입니다. 작은 크기에서도 알아볼 수 있으려면 선이 굵고 단순한 그림이 유리합니다.
배경이 투명한 채로 유지되나요?
투명 배경 PNG를 넣으면 투명한 상태 그대로 아이콘에 담깁니다. JPG는 형식 자체에 투명이라는 개념이 없어 배경이 항상 채워지니, 투명이 필요하면 PNG를 넣으세요. 정사각형이 아닌 그림은 비율을 지켜 가운데에 놓고 남는 자리를 투명하게 비웁니다.
올린 파일이 서버로 전송되나요?
아니요. 아이콘을 만들고 푸는 처리가 전부 내 브라우저 안에서 이뤄져 파일이 기기 밖으로 나가지 않습니다. 회원가입도 필요 없고, 화면을 닫으면 아무것도 남지 않습니다.
마지막 업데이트: