파비콘, 그 작은 아이콘이 하는 일
브라우저 탭 왼쪽에 붙는 작은 아이콘, 보신 적 있으시죠? 이것을 **파비콘(Favicon)**이라고 부릅니다. 크기는 아주 작지만, 손님이 여러 탭을 열어둔 상황에서 내 사이트를 한눈에 찾게 해 주는 역할을 합니다. 즐겨찾기(북마크), 모바일 홈 화면 바로가기, 검색 결과 옆에도 노출되죠.
파비콘이 없으면 브라우저는 밋밋한 기본 지구본 아이콘이나 빈 문서 모양을 보여줍니다. 반대로 잘 만든 파비콘 하나만 있어도 작지만 전문적인 인상을 줄 수 있습니다.
왜 신경 써야 할까요?
- 재방문 유도: 탭이 10개쯤 열려 있어도 내 로고가 보이면 손님이 다시 클릭하기 쉽습니다.
- 브랜드 일관성: 홈페이지, 명함, SNS와 같은 색·로고를 쓰면 신뢰가 쌓입니다.
- 모바일 바로가기: 손님이 홈 화면에 추가하면 앱처럼 아이콘이 뜹니다.
좋은 파비콘 만들기 팁
- 단순하게: 16x16px 크기에서도 알아볼 수 있어야 합니다. 복잡한 로고 전체보다 핵심 심볼이나 첫 글자가 낫습니다.
- 배경 대비: 밝은 탭·어두운 탭 모두에서 보이도록 대비를 확인하세요.
- 여러 크기 준비: 16px, 32px, 180px(애플 터치 아이콘), 512px(안드로이드) 등 다양한 크기가 필요합니다.
- 파일 형식: 요즘은 PNG와 SVG, 그리고
.ico를 함께 씁니다.
적용 방법
로고 이미지를 준비한 뒤 무료 파비콘 생성 도구로 여러 크기를 뽑고, 사이트 <head> 안에 링크 태그를 넣으면 됩니다. 워드프레스라면 '사이트 아이콘' 설정에서 이미지만 올려도 자동으로 적용됩니다. 적용 후에는 브라우저 캐시를 비우고 확인해 보세요.
작은 디테일이지만, 이런 마무리가 모여 손님이 느끼는 완성도를 만듭니다.
PICKTECH는 로고 제작부터 파비콘·모바일 아이콘까지 브랜드에 맞게 세팅해 드립니다. 작은 부분까지 챙긴 홈페이지가 필요하시면 편하게 문의해 주세요.