티스토리 블로그를 운영하는데 브라우저 탭에 기본 아이콘만 보입니다. 내 블로그만의 파비콘을 설정하면 브랜딩에도 좋고 북마크할 때 구별하기도 쉽습니다.
파비콘이란?
브라우저 탭, 북마크, 검색 결과에 표시되는 작은 아이콘입니다. 16×16 또는 32×32 픽셀의 작은 이미지지만, 사이트 인지도에 큰 영향을 줍니다.
파비콘 이미지 준비
로고나 대표 이미지를 정사각형으로 크롭하세요. 복잡한 이미지보다 단순한 아이콘이 작은 크기에서 잘 보입니다. 파비콘 생성기에 이미지를 업로드하면 적절한 크기로 변환됩니다.
티스토리 설정 방법
- 티스토리 관리 > 꾸미기 > 스킨 편집
- HTML 편집 클릭
- <head> 태그 안에 다음 코드 추가:
<link rel="icon" href="파비콘URL" type="image/x-icon">파비콘 업로드
파비콘 이미지를 어디에 올려야 할까요? 티스토리 본문에 이미지를 업로드하고 URL을 복사하거나, 외부 이미지 호스팅을 이용합니다.
파비콘 크기 규격
| 크기 | 용도 |
|---|---|
| 16×16 | 브라우저 탭 |
| 32×32 | 작업표시줄, 탭 고해상도 |
| 180×180 | Apple 터치 아이콘 |
| 192×192 | Android 홈 화면 |
여러 크기 한 번에
온라인 파비콘 메이커를 사용하면 하나의 이미지로 여러 크기의 파비콘을 한 번에 생성할 수 있습니다. ICO 파일 형태로 다운로드하면 여러 크기가 하나에 포함됩니다.
캐시 문제
파비콘을 변경해도 바로 반영되지 않을 수 있습니다. 브라우저 캐시를 삭제하거나, 파일명을 바꿔서 업로드하세요. ?v=2 같은 쿼리를 붙이는 방법도 있습니다.
검색 결과 반영
구글 검색 결과에 파비콘이 표시되기까지 시간이 걸립니다. 설정 후 며칠 기다리세요. 파비콘 제작 도구로 만든 깔끔한 아이콘이 검색 결과에서 눈에 띕니다.