Command Palette

Search for a command to run...

PN

PNG ICO 변환기

PNG 이미지를 ICO 파비콘으로 브라우저에서 한 번에 여러 개 변환하세요

스폰서Toolz.dev를 운영하는 호스팅Hostinger Partner
Hostinger로 웹사이트를 시작하세요
  • 무료 도메인
  • 무료 SSL
  • 30일 환불 보장
Trustpilot 4.6점, 리뷰 73,000개 이상
혜택 받기 쿠폰 코드

PNG ICO 변환기란?

PNG ICO 변환기는 PNG 이미지를 원하는 크기별 정사각형 이미지로 만들어 .ico 파일 하나에 담아 주는 도구입니다. 처음 쓰는 분들이 가장 많이 헷갈리는 부분이 바로 이것입니다. .ico는 확장자만 다른 이미지 한 장이 아닙니다. 맨 앞에 안에 든 이미지 목록과 각 이미지의 시작 위치가 적혀 있는 작은 컨테이너입니다. 브라우저 탭을 그리든 바탕 화면 바로 가기를 그리든, 파일을 읽는 프로그램은 이 목록을 보고 필요한 크기와 가장 가까운 항목을 골라 씁니다.

이 페이지에서는 16, 32, 48, 256픽셀 네 가지 크기를 만들 수 있고, 처음 열면 네 개 모두 선택되어 있습니다. 체크한 크기마다 .ico 안에 정사각형 이미지가 하나씩 들어가며, 알파 채널은 그대로 두고 PNG로 압축해 저장합니다. 크기는 작은 것부터 차례로 기록됩니다. 필요 없는 크기의 체크를 풀면 파일이 그만큼 작아집니다. 네 개를 모두 풀면 아무것도 없는 아이콘은 쓸 수 없으므로 네 가지 크기를 모두 만듭니다. 256px가 최대인 것은 도구가 아니라 형식의 제한입니다. ICO 디렉터리 항목은 너비를 1바이트로 기록하기 때문에 .ico에 넣을 수 있는 가장 큰 이미지가 256px이며, 이 값은 특수 값 0으로 저장됩니다.

체크할 가장 큰 크기와 같거나 그보다 큰 정사각형 PNG로 시작하세요. 변환기는 원본을 각 정사각형 크기로 줄이는데, 이미지는 줄일 때 결과가 깔끔합니다. 256을 체크해 놓고 64px 원본을 넣으면 256 항목은 64px 이미지를 네 배로 늘린 것이 되어, 고해상도 화면에서 가장 눈에 잘 띄는 바로 그 크기에서 흐릿하고 얼룩져 보입니다. 디자인 도구에서 내보낸 512x512 이미지라면 어떤 크기든 여유 있게 만들 수 있습니다.

정사각형이 아닌 로고도 자주 겪는 문제입니다. 변환기는 이미지가 넘치게 두거나 멋대로 잘라 내지 않고 각 정사각형을 꽉 채우도록 늘리며, 그렇게 했다는 사실을 알려 줍니다. 예를 들어 1024x256 워드마크를 넣으면 "이미지가 1024x256이어서 16, 32, 48, 256px 정사각형으로 늘렸습니다."라고 표시됩니다. 늘어난 워드마크는 16px에서는 어차피 알아볼 수 없습니다. 해결 방법은 변환한 뒤가 아니라 변환하기 전에 작은 크기에서 무엇을 보여 줄지 정하는 것입니다. 보통은 심볼만 잘라 내거나, 투명한 여백을 둔 정사각형 캔버스 위에 워드마크를 올려 비율은 그대로 두고 아이콘 안에서 조금 작게 보이게 합니다.

처음부터 끝까지 한 번 따라가 보겠습니다. logo.png라는 512x512 파일을 네 가지 크기를 모두 체크한 채로 끌어다 놓으면 곧바로 변환됩니다. 목록의 행에는 입력 크기, 화살표, 출력 크기, 용량 변화가 나오고 그 아래에 "16, 32, 48, 256px 아이콘이 들어 있습니다."라는 메모가 표시되며, 행의 다운로드 아이콘을 누르면 logo.ico가 저장됩니다. 256을 체크 해제하면 파일이 자동으로 다시 변환됩니다. 같은 원본인데 이미지 세 개만 담긴 훨씬 가벼운 파일이 나오는데, 용량 대부분이 256px 항목이었기 때문입니다. 브랜드 PNG 8개를 한꺼번에 끌어다 놓고 '모두 다운로드(이미지 8개)'를 누르면 모든 .ico가 들어 있는 converted-ico.zip이 저장되며, 이름이 같은 파일은 덮어쓰지 않고 번호를 붙여 구분합니다.

모든 작업은 브라우저 안에서 이루어집니다. 브라우저가 PNG를 읽어 들이고, 요청한 크기마다 캔버스에 그린 다음, 각 정사각형을 PNG로 인코딩해 메모리에서 .ico를 조립합니다. 그래서 작업물이 기기 밖으로 나가지 않고, 페이지를 한 번 불러온 뒤에는 인터넷이 끊겨도 계속 쓸 수 있습니다. 투명도는 모든 크기에서 유지되고 뒤에 배경색을 채우지 않습니다. 원본에 들어 있던 메타데이터와 색상 프로필은 캔버스를 거치면서 사라집니다. 100메가픽셀을 넘는 이미지와 빈 파일은 안내 메시지와 함께 처리되지 않으며, 파일 용량(바이트)에는 제한이 없습니다. 이 도구는 무료이고 회원가입이 필요 없으며, 하루 변환 횟수에는 제한이 있습니다.

PNG를 ICO로 변환하는 방법

  1. PNG 파일 추가

    "PNG 이미지를 여기에 놓거나 클릭해서 업로드"라고 적힌 상자에 PNG 이미지를 끌어다 놓거나, 상자를 클릭해 파일을 고르세요. 파일은 추가되자마자 변환이 시작됩니다. 256px 이상의 정사각형 원본을 쓰면 모든 아이콘 크기에서 가장 좋은 결과를 얻을 수 있습니다.

  2. 아이콘 크기 선택

    '아이콘 크기'에서 .ico에 넣을 정사각형 크기를 체크하세요. 16px, 32px, 48px, 256px는 기본으로 모두 체크되어 있습니다. 체크한 크기마다 파일에 이미지가 하나씩 추가되며, 크기를 체크하거나 해제하면 추가해 둔 모든 파일이 다시 변환됩니다.

  3. 결과 확인

    각 행에는 미리보기 이미지, 진행 상태, 용량 변화를 보여 주는 크기 줄, 만들어진 크기 목록을 적은 메모가 표시됩니다. 정사각형이 아닌 이미지를 정사각형으로 늘려야 했다면 경고와 함께 실제 크기도 나옵니다. 미리보기 이미지를 클릭하면 아이콘을 크게 보면서 변환 전과 변환 후를 비교할 수 있습니다.

  4. 아이콘 다운로드

    행의 다운로드 아이콘을 누르면 파일 하나를 저장하고, 목록 위쪽의 '모두 다운로드(이미지 n개)'를 누르면 한꺼번에 변환한 파일을 담은 converted-ico.zip을 저장합니다.

PNG를 ICO로 변환하는 이유

요즘은 일반 PNG를 아이콘으로 받아 주는 곳이 많아서, 굳이 오래된 형식을 따로 만들어야 하는지 궁금할 수 있습니다. 하지만 세 가지 용도에서는 지금도 진짜 .ico 파일이 필요합니다.

사이트 루트의 favicon.ico

페이지에 아이콘이 지정되어 있지 않으면 브라우저와 사이트 아이콘을 보여 주는 여러 도구가 /favicon.ico를 찾아봅니다. 이 주소에 .ico 파일 하나만 두면 모두 대응할 수 있고, 여러 크기가 들어 있어서 탭, 북마크 바, 고정한 바로 가기 어디에서나 깔끔하게 보입니다.

Windows 바로 가기, 폴더, 설치 프로그램

Windows는 바로 가기 아이콘, 폴더 아이콘 변경, 프로그램에 내장된 아이콘에 .ico 파일을 사용합니다. 보기 방식에 맞는 항목을 알아서 골라 쓰기 때문에, 파일 하나로 작은 목록 보기부터 아주 큰 아이콘 보기까지 모두 처리됩니다. PNG 한 장으로는 이렇게 할 수 없습니다.

디자인 도구에서 내보낸 투명도 유지

디자인 도구에서 내보낸 로고는 대개 배경이 투명한 PNG이며, 이것이 가장 좋은 출발점입니다. 여기서 만드는 각 크기는 컨테이너 안에 PNG로 저장되므로 투명한 배경이 16px에서도 256px에서도 그대로 유지됩니다. 사진에서 시작하려면 JPG ICO 변환기를 사용하세요. 다만 JPG는 투명도를 지원하지 않습니다.

PNG와 ICO 비교: 어느 쪽을 쓸까

아이콘 형식으로 본 PNG와 ICO 비교
항목PNGICO
파일에 담기는 내용이미지 한 장.크기별 정사각형 이미지 여러 개와 그 목록을 담은 디렉터리.
압축 방식무손실 압축.항목마다 다릅니다. 이 페이지는 모든 항목을 무손실 PNG로 저장합니다.
투명도알파 채널 전체 지원.32비트 항목과 PNG 항목은 알파를 전체 지원하며, 이 페이지가 만드는 항목이 바로 여기에 해당합니다.
애니메이션표준 PNG는 지원하지 않습니다.지원하지 않습니다.
최대 이미지 크기아이콘에 필요한 크기를 훨씬 넘어서는 크기도 가능합니다.항목당 256 x 256픽셀.
일반적인 파일 용량아이콘 크기 이미지 한 장이라면 작습니다.모든 크기를 담기 때문에 더 큽니다. 용량 대부분은 256px 항목이 차지합니다.
브라우저와 소프트웨어 지원모든 브라우저와 편집기에서 열 수 있고, 최신 브라우저에서는 파비콘으로도 쓸 수 있습니다.모든 브라우저에서 파비콘으로, Windows에서 바로 가기와 프로그램 아이콘으로 쓸 수 있습니다.
알맞은 용도아트워크, 웹 이미지, link 태그로 지정하는 아이콘.favicon.ico, Windows 아이콘, 파일 하나에 여러 크기를 담아야 하는 모든 경우.

파비콘 크기 안내

.ico 안의 크기는 저마다 대략 그 크기로 아이콘을 그리는 곳이 있어서 들어 있는 것입니다. 어떤 프로그램이 어떤 항목을 쓰는지는 브라우저, 운영 체제, 화면 배율에 따라 달라지므로, 아래 목록은 정해진 규칙이 아니라 흔한 경우로 참고하세요.

ICO 크기별 주요 용도
크기주요 용도
16px일반 해상도 화면의 브라우저 탭, 주소 표시줄, 북마크 목록.
32px고해상도 화면의 브라우저 탭, Windows의 작업 표시줄과 바로 가기 아이콘.
48pxWindows의 바탕 화면 바로 가기와 보통 크기 아이콘 보기.
256px큰 아이콘과 아주 큰 아이콘 보기, 초고해상도 화면.

작은 크기 항목이 가장 중요합니다. 하루 종일 눈에 들어오는 크기인 데다, 세부 표현이 제일 먼저 뭉개지는 크기이기 때문입니다. 워드마크나 얇은 윤곽선, 태그라인이 들어간 로고는 16px와 32px용으로 더 단순한 버전을 따로 만드는 편이 좋습니다. 심볼만 남기고, 폭이 몇 픽셀뿐이어도 보일 만큼 선을 굵게 하세요.

휴대폰용 터치 아이콘은 별도 파일로 준비해야 합니다. 예를 들어 iPhone 홈 화면 바로가기에는 전용 link 태그로 지정한 더 큰 PNG가 쓰이며, .ico로는 대신할 수 없습니다.

개인정보 보호와 보안

  • 크기 조정과 패킹은 브라우저의 Canvas API로 사용자 기기에서 직접 처리됩니다. PNG와 완성된 .ico는 이 탭 밖으로 나가지 않습니다.
  • 아직 공개하지 않은 로고나 브랜드 마크도 외부 서비스에 맡기지 않고 변환할 수 있습니다.
  • 일일 사용량 확인에는 파일 개수, 전체 용량(바이트), 변환할 형식만 전송됩니다. 파일 이름과 이미지 픽셀 데이터는 포함되지 않습니다.
  • PNG에 들어 있는 메타데이터와 색상 프로필은 아이콘에 복사되지 않습니다.
  • 완성된 아이콘은 직접 삭제하거나 '모두 지우기'를 누르거나 탭을 닫을 때까지 메모리에만 보관되며, 서버에는 사본이 저장되지 않습니다.

주요 기능

  • 한 파일에 네 가지 아이콘 크기

    16, 32, 48, 256px 이미지가 각각 .ico 안에 따로 들어갑니다. 필요한 크기만 체크하면 나머지는 빠집니다

  • 알파 채널을 유지하는 PNG 압축 방식

    정사각형 이미지마다 32비트 PNG로 저장되므로, 투명 배경 로고는 어떤 크기에서도 투명하게 유지되고 배경색이 따로 깔리지 않습니다

  • 정사각형이 아닌 원본은 경고 표시

    워드마크나 배너는 정사각형에 맞춰 늘어납니다. 해당 행에 원본 크기가 함께 표시되므로, 찌그러진 아이콘을 그대로 쓰지 않고 돌아가서 자르거나 여백을 채울 수 있습니다

  • 여러 파일을 ZIP으로 한 번에

    브랜드 PNG 세트를 한꺼번에 추가하고 converted-ico.zip 하나로 받을 수 있습니다. 파일 이름이 겹치면 덮어쓰지 않고 번호가 붙습니다

자주 묻는 질문

이 페이지의 박스에 PNG를 끌어다 놓고, 해당 행에 '완료'가 표시되면 .ico를 다운로드하세요. 아이콘 크기 체크박스를 그대로 두면 파일을 추가하자마자 브라우저가 크기별로 이미지를 그려 .ico를 만들어 줍니다. 따로 누를 버튼은 없습니다. 설치할 것도 없고 업로드되는 것도 없습니다.

Comments

0 comments

0/2000 characters

No comments yet. Be the first to share your thoughts!

png to icopng to ico filepng to ico converterconvert png to icopng to ico generatorchange png to icopng to ico formatconvert png to favicon icohow to convert png to icohow to save png as icofree online png to ico converter