블로그나 웹사이트를 만들 때 파비콘이 없으면 브라우저 탭에 기본 아이콘만 떠서 허전해 보입니다. 그렇다고 포토샵으로 만들자니 시간이 오래 걸리고, 디자이너한테 맡기자니 비용이 들어요. 간단하게 텍스트나 이모지로 파비콘을 만들 수 있는 방법을 찾아봤습니다.
텍스트 한 글자로 파비콘 만들기
파비콘 생성기를 쓰면 텍스트 한 글자를 입력해서 바로 파비콘을 만들 수 있습니다. 예를 들어 카페 사이트라면 커피 이모지를 넣거나, 이니셜을 넣으면 돼요. 배경색이랑 글자색도 선택할 수 있어서 브랜드 컬러에 맞출 수 있습니다.
ICO 파일이랑 PNG 파일 둘 다 다운로드할 수 있어요. 옛날 브라우저는 ICO만 인식하는 경우가 있어서 둘 다 준비해두면 좋습니다. 크기도 16x16, 32x32, 180x180 등 여러 사이즈를 제공해줘요.
이모지 파비콘이 트렌드
요즘은 이모지를 파비콘으로 쓰는 사이트가 많아졌습니다. 노션도 이모지 파비콘을 쓰잖아요. 심플하면서도 눈에 잘 띄고, 무엇보다 만들기가 쉽습니다. 음식 관련 사이트면 음식 이모지, 여행 사이트면 비행기 이모지 이런 식으로 직관적으로 선택하면 돼요.
파비콘 적용하는 법
만든 파비콘은 사이트 루트 폴더에 favicon.ico로 저장하거나, HTML head에 link 태그로 연결하면 됩니다. 워드프레스나 티스토리 같은 플랫폼은 설정에서 파비콘 업로드 기능을 제공해요.
처음에는 캐시 때문에 바로 안 보일 수 있는데, 브라우저 캐시를 지우거나 시크릿 모드로 확인해보세요. 파비콘 생성기로 1분 만에 만들 수 있으니까 웹사이트 운영하시는 분들은 꼭 적용해보세요. 작은 아이콘이지만 사이트 완성도가 달라 보입니다.