웹사이트를 만들면 브라우저 탭에 표시되는 작은 아이콘이 필요합니다. 파비콘이라고 부르는 이 아이콘은 사이트의 정체성을 보여줍니다. 북마크나 즐겨찾기에도 이 아이콘이 표시됩니다. 파비콘 생성기로 텍스트나 이모지를 이용해 쉽게 만들 수 있습니다.
파비콘이란
브라우저 탭, 북마크, 즐겨찾기, 스마트폰 홈 화면에 표시되는 작은 아이콘입니다. 보통 16x16이나 32x32 픽셀 크기로 표시됩니다. 사이트 로고를 축소하거나 대표 글자를 넣어서 만듭니다. 파비콘이 없으면 기본 아이콘이 표시되어 전문성이 떨어져 보입니다. 사용자가 여러 탭을 열었을 때 내 사이트를 구분하기도 어렵습니다.
텍스트로 만들기
사이트 이름의 첫 글자나 약자를 입력하면 됩니다. 글꼴과 색상을 선택하고 배경색도 지정할 수 있습니다. 굵은 글씨나 둥근 모서리 같은 스타일도 적용됩니다. 간단하지만 깔끔한 파비콘을 빠르게 만들 수 있습니다. 온라인 파비콘 생성기에서 글자를 입력하고 스타일을 조절해보세요.
이모지로 만들기
사이트 성격에 맞는 이모지를 선택하면 바로 파비콘이 됩니다. 요리 블로그는 요리 이모지를, 여행 사이트는 비행기나 지구본 이모지를 쓸 수 있습니다. 쇼핑몰은 쇼핑백이나 카트 이모지가 어울립니다. 디자인 작업 없이도 눈에 띄는 아이콘을 만들 수 있습니다. 파비콘 만들기 도구에서 다양한 이모지를 활용해보세요.
파일 형식
ICO 형식은 전통적인 파비콘 포맷으로 모든 브라우저에서 지원합니다. 여러 크기의 이미지를 하나의 파일에 담을 수 있습니다. PNG는 고해상도 디스플레이용으로 사용됩니다. SVG는 벡터라 어떤 크기에서도 선명합니다. 여러 형식을 함께 제공하면 모든 환경에서 잘 표시됩니다.
HTML에 적용하기
파비콘 파일을 다운로드하고 웹사이트 루트 폴더에 올립니다. HTML의 head 태그 안에 link 태그로 파비콘 경로를 지정합니다. 여러 크기와 형식을 명시하면 각 환경에 맞게 표시됩니다. 무료 파비콘 제작 도구로 필요한 파일을 받아보세요.