ICO 생성기

PNG, JPG, WebP를 브라우저에서 바로 다중 크기 .ico 아이콘 파일로 바꾸세요. 업로드 없이.

ICO 파일 만드는 방법

  1. PNG, JPG, WebP 이미지를 끌어놓거나 선택하세요(정사각형 이미지가 가장 좋습니다).
  2. 포함할 아이콘 크기를 고르세요. 16, 32, 48px면 대부분의 용도를 충족합니다.
  3. .ico를 만들고 저장하세요. 모든 크기를 하나의 파일에 묶습니다.

ICO 파일은 어디에 쓰나요?

.ico 포맷은 여러 크기의 아이콘을 파일 하나에 담기 때문에, Windows와 브라우저가 자리마다 가장 선명한 것을 골라 씁니다. 16px는 탭 아이콘, 32px는 작업 표시줄 버튼, 48px는 바탕화면 바로가기에 쓰이는 식입니다. OptImg는 각 크기를 고품질 리샘플링 필터로 그려 어디서나 통하는 .ico 하나로 묶습니다. 전부 기기 안에서 이루어지며 아무것도 업로드되지 않습니다.

자주 묻는 질문

제 이미지가 서버에 업로드되나요?
아니요. 이미지를 디코딩하고 크기를 조절해 .ico로 묶는 과정이 모두 브라우저 안에서 이루어집니다. 업로드되는 것이 없어 파일은 기기를 벗어나지 않습니다.
어떤 크기를 포함해야 하나요?
16과 32px는 브라우저 탭과 작업 표시줄에, 48px는 Windows 바탕화면 바로가기에, 더 큰 크기(64–256px)는 고해상도 디스플레이에 쓰입니다. 16, 32, 48을 포함하면 대다수의 용도를 충족합니다.
제 이미지가 정사각형이 아니면 어떻게 되나요?
크기 조절 전에 정사각형으로 가운데를 잘라내므로 아이콘이 늘어나지 않습니다. 구도를 완전히 조절하려면 먼저 자르기 도구로 정사각형으로 잘라내세요.
대신 파비콘 패키지가 필요한가요?
웹사이트를 설정하는 중이라면, 파비콘 생성기가 .ico와 함께 PNG 아이콘, 웹 매니페스트, 붙여넣을 정확한 HTML을 만들어 줍니다. 독립적인 .ico만 필요하다면 이 ICO 도구를 사용하세요.
PNG 파일 이름만 .ico로 바꾸면 안 되나요?
확장자는 포맷이 아니기 때문에 안 됩니다. .ico 파일에는 고유한 구조가 있습니다. 파일 앞부분에 어떤 이미지들이 들어 있는지, 각각의 크기와 색상 정보는 어떠한지 적은 작은 목록이 있고 그 뒤에 실제 이미지 데이터가 옵니다. 이름만 바꾸면 잘못된 이름이 붙은 PNG가 될 뿐이고, 파일을 실제로 해석하는 쪽(윈도우 탐색기, 설치 프로그램, 구형 브라우저)은 이를 거부합니다. 일부 최신 브라우저는 파비콘으로 제공된 PNG를 받아 주기 때문에 이 편법이 통하는 것처럼 보일 때가 있는데, 정작 중요한 곳에서 실패합니다.
ICO 파일도 투명도를 유지하나요?
원본에 투명도가 있으면 유지됩니다. 모서리가 투명해야 둥근 로고가 어두운 작업 표시줄이나 밝은 바탕화면 위에 네모 상자 없이 자연스럽게 놓입니다. 실제 알파 채널이 있는 PNG나 WebP에서 시작하세요. JPG는 투명도를 담을 수 없어서, JPG를 넣으면 배경이 채워진 아이콘이 만들어집니다.
16픽셀에서 잘 보이는 아이콘은 어떻게 만드나요?
과감하게 단순화해야 합니다. 그 크기에서 표현할 수 있는 정보량은 글자 한 자 정도라, 글자까지 들어간 전체 로고는 회색 뭉텅이가 됩니다. 가장 알아보기 쉬운 요소 하나(약자, 심벌, 특징적인 형태)를 골라 화면 가장자리까지 꽉 채우세요. 색이 정확한 것보다 밝은 배경과 어두운 배경 양쪽에서 대비가 뚜렷한 것이 훨씬 중요하고, 가는 선은 아예 사라지므로 미리 굵게 다듬는 편이 좋습니다.
웹사이트에서 .ico 파일은 어디에 두나요?
관례적으로 사이트 최상위에 favicon.ico로 둡니다. HTML에서 가리키지 않아도 브라우저가 알아서 요청하는 경로이기 때문입니다. 이 자동 요청이 바로 이 포맷을 여전히 만들어 둘 가치가 있는 이유입니다. 아무 설정이 없어도 동작하는 최후의 보루이기 때문입니다. 요즘 사이트는 고해상도 화면을 위해 페이지 head에 PNG나 SVG 아이콘을 함께 선언하고, .ico는 안전망 용도로만 남겨 두는 경우가 많습니다.