웹사이트를 운영한다면 파비콘은 필수 요소입니다. 브라우저 탭에 표시되는 작은 아이콘이 사이트의 정체성을 보여줍니다. 온라인 파비콘 생성기를 사용하면 텍스트나 이모지로 간단하게 아이콘을 만들 수 있습니다. 오늘은 파비콘의 역할과 제작 방법을 알아보겠습니다.
파비콘이란
파비콘은 Favorite Icon의 줄임말입니다. 브라우저 탭, 북마크, 모바일 홈화면 아이콘으로 표시됩니다. 사용자가 여러 탭을 열어놓았을 때 사이트를 구분하는 데 도움을 줍니다. 브랜드 인지도를 높이는 작은 디테일입니다.
필요한 크기와 형식
기본은 16x16, 32x32 픽셀이지만 다양한 크기가 필요합니다. 파비콘 만들기 도구에서는 여러 크기를 한 번에 생성합니다. ICO 형식은 여러 크기를 하나의 파일에 담을 수 있습니다. PNG 형식은 투명 배경 지원과 선명한 화질이 장점입니다.
텍스트로 만들기
사이트 이름의 첫 글자나 약자를 아이콘으로 만들 수 있습니다. 텍스트 파비콘 생성기에서 글자와 색상을 선택합니다. 배경색과 글자색의 대비가 좋아야 작은 크기에서도 잘 보입니다. 폰트와 스타일을 조절해서 원하는 디자인을 만들어 보세요.
이모지 활용하기
이모지를 파비콘으로 사용하면 눈에 잘 띕니다. 사이트 성격에 맞는 이모지를 선택합니다. 디자인 지식 없이도 직관적인 아이콘을 만들 수 있습니다. 다만 이모지는 플랫폼마다 모양이 조금씩 다를 수 있습니다.
웹사이트에 적용
생성된 파비콘을 다운로드해서 서버에 업로드합니다. 무료 아이콘 생성 사이트에서 HTML 코드도 함께 제공됩니다. head 태그 안에 link 태그를 추가하면 적용됩니다. 캐시 때문에 바로 안 보일 수 있으니 새로고침을 해보세요.