이미지를 ICO로 — 파비콘, 윈도우와 맥 아이콘 만들기

아이콘 파일은 그림 하나가 아니라 여럿입니다. 같은 로고를, 그걸 읽는 쪽이 요구하는 크기마다 다시 그려 넣은 것이죠. 그 크기가 무엇인지는 취향의 문제가 아닙니다. 브라우저는 셋을 원하고, 고해상도 노트북의 프로그램은 열을 원하며, 맥은 자기만의 열을 원하고, 윈도우 비스타 이전에 만들어진 것은 아예 다른 방식으로 저장되기를 원합니다.

윈도우 아이콘: .ico 모든 브라우저가 파비콘으로 읽고, 윈도우가 프로그램과 바로 가기, 폴더에 씁니다. 크기는 아래에서 직접 고릅니다.

macOS 아이콘: .icns 맥 애플리케이션 번들이 싣고 다니는 것입니다. 애플이 16픽셀부터 1024픽셀까지 정확히 열 개의 슬롯을 정해 두어 고를 것이 없습니다. 열 개가 전부 들어가는데, 레티나 슬롯과 그 위 크기가 같은 그림이라 일곱 번만 그리면 됩니다.

웹사이트 아이콘 세트의 나머지 .ico는 브라우저 탭과 윈도우까지만 감당합니다. 아이폰 홈 화면, 안드로이드 설치 안내, 시작 메뉴에 고정한 타일은 감당하지 못합니다. 그쪽은 180px PNG와 웹 앱 매니페스트, XML 파일을 읽는데, 어느 것도 .ico 안을 들여다보지 않으니까요. 이걸 체크하면 그 전부와 매니페스트, 그리고 페이지에 붙여 넣을 HTML 덩어리까지 받습니다.

아무것도 내려받기 전에 볼 만한 대목입니다. 512픽셀에서 완벽하게 읽히는 로고도 브라우저 탭에서는 가로 16픽셀입니다. 그 안의 가는 부분, 그러니까 워드마크의 획이나 머리카락 같은 테두리, 그라데이션은 그 크기를 견디지 못합니다. 아래의 모든 사각형은 고르신 파일에서 실제 크기 그대로 그려집니다.