PNG 이미지를 ICO로 변환

ICO 파일이란?

ICO는 윈도우의 아이콘 형식으로, 브라우저 탭, 즐겨찾기, 방문 기록에 보이는 작은 그림인 파비콘에도 쓰입니다. 가장 큰 특징은 .ico 파일 하나에 크기가 다른 이미지 여러 개를 담을 수 있다는 점입니다. 윈도우는 목록과 작업 표시줄에는 16 × 16을, 보통 아이콘에는 32와 48을, 파일 탐색기의 큰 아이콘에는 256을 표시하고, 브라우저는 화면 해상도에 따라 16이나 32를 씁니다. 그래서 .png 파일의 확장자만 .ico로 바꾸는 것으로는 부족합니다. 진짜 ICO 파일은 들어 있는 크기 목록을 적은 헤더로 시작합니다. 이 도구는 규칙에 맞게 파일을 만들고, 각 크기를 윈도우 비스타 이후 버전과 현재의 모든 브라우저가 지원하는 PNG 형식으로 저장합니다.

내 사이트 파비콘 만들기

정사각형의 단순한 로고로 시작해 파비콘 세트를 내려받으세요. favicon.ico(16, 32, 48픽셀), apple-touch-icon.png(180 × 180, 아이폰 홈 화면에 사이트를 추가할 때 쓰는 아이콘), icon-192.png와 icon-512.png(안드로이드와 웹 앱용), 이 아이콘들을 등록하는 site.webmanifest 파일, 그리고 복사할 HTML 코드가 들어 있습니다. 파일을 사이트의 최상위 폴더(루트)에 두고, HTML 코드를 각 페이지의 head 태그 안에 붙여 넣으세요. 워드프레스, 아임웹, 카페24 같은 사이트 빌더는 정사각형 PNG 이미지 한 장만 요구하는 경우가 많은데, 그럴 때는 icon-512.png를 쓰면 됩니다. 브라우저는 예전 파비콘을 오래 기억하므로, 바꾼 뒤에는 Ctrl+F5로 새로 고치거나 조금 기다리세요.

윈도우에서 폴더나 바로 가기 아이콘 바꾸기

폴더라면 마우스 오른쪽 버튼을 눌러 ‘속성’을 열고, ‘사용자 지정’ 탭에서 ‘아이콘 변경...’ 버튼을 누른 뒤 ‘찾아보기...’로 .ico 파일을 고르세요. 바로 가기라면 ‘속성’의 ‘바로 가기’ 탭에 있는 ‘아이콘 변경...’ 버튼을 누르면 됩니다. .ico 파일은 옮기지 않을 폴더에 보관하세요. 파일을 옮기거나 지우면 윈도우가 기본 아이콘으로 되돌립니다. 파일 탐색기의 모든 보기(작은 아이콘, 보통 아이콘, 큰 아이콘, 아주 큰 아이콘)에서 선명한 아이콘을 원한다면 ‘윈도우’ 프리셋으로 16~256픽셀의 모든 크기에 체크하세요.

16픽셀에서도 잘 보이는 아이콘 만들기

16 × 16 아이콘은 겨우 256픽셀뿐입니다. 가는 선, 글자, 아주 얇은 테두리는 사라져 버립니다. 슬로건까지 들어간 로고 전체보다는 이니셜이나 기호처럼 정사각형을 꽉 채우는 단순하고 대비가 강한 모양을 고르세요. 밝은 탭과 어두운 탭 미리 보기를 모두 확인하세요. 투명 배경의 검은 로고는 다크 모드에서 보이지 않으니, 이럴 때는 색 배경을 넣으면 해결됩니다. 이미지가 정사각형이 아니라면 가운데를 살리는 ‘정사각형으로 자르기’와 투명하거나 색이 있는 여백을 더하는 ‘전체 + 여백’ 중에서 고르세요. SVG 파일은 크기마다 다시 그린 다음 줄이기 때문에 가장 선명한 결과를 냅니다.