웹사이트를 운영하고 있다면 한 번쯤 파비콘(favicon) 사용을 고민해 봤을 겁니다. 브라우저 탭의 사이트 이름이나 페이지 제목 옆에 표시되는 그 작은 아이콘이 콘텐츠에 독특한 개성을 더해 주죠. 그렇다면 투명한 배경의 파비콘은 어떨까요?
이건 꽤 까다로운 질문입니다. 우선 .ico 파일을 만들 수 있는 프로그램이나 서비스가 무엇인지, 유료인지, 온라인 변환 사이트를 이용해야 하는지 고민하게 됩니다. 그런데 누구에게도 의존하지 않고, 완전히 무료로 투명한 파비콘을 만드는 방법이 있을까요? 답은 '예'입니다. 이 튜토리얼에서 그 방법을 소개합니다.
필요한 도구
다행히도 GIMP 하나만 있으면 충분합니다. 이 강력한 크로스플랫폼 이미지 편집 도구는 일반 파비콘부터 비투명, 투명 파비콘까지 모든 작업을 처리해 줍니다. 다만 투명한 파비콘의 경우, 단순히 ICO 형식으로 저장하는 것보다 약간 복잡한 과정이 필요합니다. 지금부터 단계별로 살펴보겠습니다.
1단계: 투명도 설정
먼저 이미지에 알파 채널(alpha channel)이 포함되어 있는지 확인하세요. 알파 채널이 있어야 배경 투명 효과를 적용할 수 있습니다.
2단계: GIF로 저장
파일을 움직임 없는(비애니메이션) GIF로 저장한 뒤, 해당 파일을 GIMP에서 다시 엽니다.
3단계: ICO로 저장
중요한 점을 다시 강조합니다. 원본 프로젝트 파일이 아니라 반드시 GIF 파일을 열어 ICO로 저장해야 합니다. 저장 시 아이콘 세부 설정을 선택하라는 창이 나타나는데, ICO 파일은 보통 16x16px 또는 32x32px 크기가 일반적입니다. 4bpp, 1비트 알파, 16색 팔레트 설정으로 대부분 문제없이 작동합니다. 간혹 일부 브라우저가 호환되지 않는 경우에는 8bpp를 사용해야 할 수도 있습니다.
4단계: 테스트
테스트하려면 먼저 파일을 서버에 업로드해야 합니다. 단, 브라우저 캐시를 먼저 삭제하는 것이 좋습니다. 브라우저는 마지막 방문 후 최대 24시간까지 캐시된 파비콘을 불러오기 때문에, 사이트를 자주 방문한다면 변경 사항이 적용되지 않는 것처럼 보일 수 있습니다.
마무리
짧고 사소해 보일 수 있는 튜토리얼입니다. 하지만 인터넷의 관련 정보를 살펴보면 상당히 난잡합니다. 대부분의 가이드가 유료 소프트웨어를 구매하거나 여러 가지 온라인 변환기를 이용하라고 안내하고 있습니다. 물론 그런 방법들도 작동하기는 하지만, GIMP를 열고 몇 분만 투자하는 것만큼 깔끔한 방법은 아닙니다.
흔히 그렇듯이, 무료 만능 도구인 GIMP면 원하는 작업을 모두 해낼 수 있습니다. Windows의 Paint.NET이나 IrfanView 같은 프로그램으로도 ICO 파일을 만들 수 있지만, 투명 기능 지원 여부는 확실치 않습니다. 어쨌든 이제 간단하고 무료로 파비콘을 제작하는 방법을 익혔습니다.