반응형
블로그를 운영하다 보면, 작은 디테일 하나가 전체 인상을 좌우하기도 합니다.
그중 대표적인 요소가 바로 파비콘(Favicon)입니다.
▶️파비콘이란?
브라우저 상단 탭, 즐겨찾기, 모바일 바탕화면 등에서 표시되는 ‘블로그를 대표하는 작은 아이콘’이에요.
블로그에 파비콘을 설정하면 다음과 같은 장점이 있습니다:
- ✔️ 브랜드 이미지 강화
- ✔️ 여러 탭 중 블로그 식별 용이
- ✔️ 전문성 있는 블로그처럼 보이기
이번 글에서는 티스토리 블로그에서 파비콘을 직접 만들고 설정하는 전 과정을 쉽게 알려드릴게요.
✅ 1. 파비콘 이미지 만들기 (with 캔바)
- 캔바 접속 → 로그인 또는 회원가입
- ‘디자인 만들기’ 클릭 → 크기 직접 입력: 40x40px
- 배경 + 텍스트 or 아이콘 등 원하는 구성으로 디자인
- 디자인 완료 후 PNG 형식으로 다운로드
💡 팁: 단순한 로고 형태가 파비콘으로 보일 때 더 선명합니다.
✅ 2. 이미지 확장자 변환 + 사이즈 조절 (with ConvertICO)
파비콘은 .ico 확장자, 16x16픽셀 사이즈가 일반적입니다.
이를 위해 온라인 변환 사이트를 사용해볼게요.
- 사이트 접속 → 만든 PNG 파일 업로드
- 옵션 중 16x16만 체크 → 변환
- 완료 후 .ico 파일 다운로드
✅ 3. 티스토리에 파비콘 업로드하기
- 티스토리 관리자 페이지 접속
- 왼쪽 메뉴에서 [관리] → [블로그] 클릭
- ‘파비콘’ 항목에서 ‘불러오기’ 버튼 클릭
- 위에서 만든 .ico 파일 업로드
- 저장 후, 브라우저 새로고침 또는 캐시 삭제 후 확인
🎯 파비콘 제작 꿀팁
- 너무 많은 색상 or 복잡한 요소 ❌
- 배경과 텍스트 대비가 뚜렷한 구성 추천
- 블로그 주제나 닉네임을 반영하면 브랜드화에 효과적
- 최소 사이즈에서도 선명하게 보이도록 단순한 디자인이 중요!
🧾 요약 정리
| 항목 | 설명 |
| 파비콘 용도 | 블로그 대표 아이콘 |
| 크기/형식 | 16x16px / .ico |
| 제작 툴 | Canva (디자인), ConvertICO (변환) |
| 적용 방법 | 티스토리 관리자 > 스킨 설정 > 파비콘 업로드 |
| 팁 | 단순 + 선명한 디자인이 좋음 |
함께 읽으면 좋은 글
반응형