티스토리 블로그 파비콘(Favicon) 쉽게 만들고 설정하는 방법

728x90

티스토리 블로그를 시작하면서 꾸미기 설정하는데 어려움을 직접 겪어보고 저뿐만 아니라 많은 사람들이 어려움을 느낄수 있을것 같아 정보 공유 드립니다. 처음에는 파비콘이라는 용어 의미조차 너무 어렵더라구요.

 파비콘(Favicon)이란?

블로그를 운영하다 보면, 브라우저 탭 왼쪽에 작은 아이콘이 보이는 걸 본 적이 있을 거예요. 바로 이 아이콘이 **파비콘(Favicon)**입니다.

* 아래 사진 참조해주세요

---

 

파비콘의 역할은?

 

- 브라우저 탭에서 블로그를 쉽게 구별할 수 있도록 도와줌
- 방문자가 브랜드를 기억하기 쉽게 함
- 북마크(즐겨찾기)에 저장될 때 아이콘이 함께 표시됨
- 전문적인 블로그로 보이게 하는 신뢰도 향상 효과

 

 예를 들어, 유튜브는 빨간색 ▶ 아이콘, 네이버는 초록색 N 아이콘을 사용하고 있어요. 티스토리 블로그에서도 고유한 파비콘을 설정하면 더 깔끔하고 돋보이는 블로그를 만들 수 있습니다.

 

---

파비콘 만들기 – 초보자도 쉽게 따라할 수 있어요!

파비콘을 만들 때 중요한 점은 심플하면서도 알아보기 쉬운 디자인을 선택하는 것입니다. 아래 두 가지 방법을 활용하면 초보자도 손쉽게 만들 수 있어요.

● 파비콘 생성 사이트 이용하기 (가장 쉬운 방법)

 코딩이나 디자인이 어려운 분들은 무료 파비콘 생성 사이트를 이용하는 것이 가장 쉬운 방법이에요!

📌 파비콘 생성 사이트 추천:
👉 https://favicon.io/

Favicon.io - The Ultimate Favicon Generator (Free)

 

사용 방법:
① 사이트에 접속 후 "Text to Favicon" 선택
② 블로그의 이니셜(예: Y, R) 입력
③ 배경색을 블로그 컨셉에 맞게 변경 (예: 누숭이 블로그 => 주황색)
④ 다운로드 버튼 클릭 → favicon.ico 파일 저장

 

이렇게 만든 파비콘은 바로 티스토리에 업로드할 수 있어요!

---

티스토리에 파비콘 적용하는 방법

 

파비콘을 만든 후, 이제 블로그에 적용해야겠죠?

✅ 티스토리에서 파비콘 등록하는 방법
① 티스토리 관리 페이지 접속
② 스킨 편집 → HTML 편집 클릭
③  "파비콘" 설정 항목을 찾아 파일 업로드
④  저장 후 블로그 새로고침 (Ctrl + F5)

 

추가 팁:
파비콘이 바로 보이지 않는다면, 브라우저 캐시를 삭제(Ctrl + Shift + Delete) 하거나 시크릿 모드(Ctrl + Shift + N) 에서 블로그를 확인해보세요.

---

 

파비콘 만들 때 주의할 점

✔️ 너무 복잡한 디자인 ❌ (작은 아이콘이기 때문에 심플한 게 좋음)
✔️ 파일 형식은 .ico 또는 .png로 저장
✔️ 크기는 32x32 또는 64x64 픽셀이 가장 적합
✔️ 브라우저 캐시 삭제 후 변경 사항 확인

---

 

파비콘이 적용되지 않을 때 해결 방법

✅ 새로고침 (Ctrl + F5)으로 확인
✅ 시크릿 모드에서 블로그 접속 후 확인
✅ 브라우저 캐시 삭제 (Ctrl + Shift + Delete)
✅ 다른 기기(모바일, 다른 PC)에서 확인

---

 마무리

티스토리 블로그를 더욱 전문적으로 보이게 하려면 파비콘 설정은 필수입니다.
쉽게 만들 수 있으니 지금 바로 적용해 보세요! 😊