🖼️ 티스토리 아이콘 & 파비콘｜차이점 완벽 정리
티스토리를 운영하다 보면 '아이콘’과 ‘파비콘(Favicon)'이라는 용어를 자주 보게 됩니다. 둘 다 블로그의 첫인상을 좌우하는 중요한 요소지만, 용도와 위치가 다릅니다. 이 글에서는 그 차이점, 설정 방법, 그리고 디자인 팁까지 모두 알려드립니다.
✅ 1. 티스토리 아이콘이란?
- 블로그 대표 이미지 역할
- 티스토리 블로그 상단(대부분 헤더나 프로필)에 표시되는 대표 아이콘 또는 로고
- 블로그 브랜드 인식에 도움이 되며, 프로필 또는 블로그 홈에 자주 노출됨
🧩 주요 위치: 블로그 메인 화면, 사이드바, 프로필 영역 등
🌐 2. 파비콘(Favicon)이란?
- 브라우저 탭에 표시되는 작은 아이콘
- 사용자가 블로그를 여러 개 열어도 탭에서 블로그를 쉽게 식별할 수 있게 해줌
- 브랜드 이미지와 일관성 있는 디자인이면 기억에 오래 남습니다.
🧩 주요 위치: 웹 브라우저 탭, 즐겨찾기(북마크), 검색결과 썸네일 등
🔍 3. 아이콘과 파비콘의 차이점 요약
| 항목 | 아이콘 | 파비콘 (Favicon) |
| 위치 | 블로그 내, 헤더/프로필 | 브라우저 탭, 즐겨찾기 |
| 크기 | 보통 200x200 이상 | 보통 16x16 ~ 32x32 픽셀 |
| 기능 | 블로그 이미지 대표 | 탭에서 블로그 식별 |
| 디자인 | 자유롭고 다양함 | 단순하고 명확한 이미지 추천 |
- 간단하고 눈에 띄는 디자인이 가장 좋습니다.
✨ 결론: 아이콘과 파비콘은 블로그의 첫인상입니다
블로그 방문자에게 기억에 남는 블로그를 만들고 싶다면 아이콘과 파비콘 설정은 필수입니다. 깔끔하고 통일된 디자인으로 브랜드 신뢰도와 인지도를 높여보세요.
😊티스토리 아이콘 만들기
1. 프리픽 사이트로 이동(이미지 클릭)
2. 가입하면 무료로 10개까지 아이콘 다운로드할 수 있습니다.(구글 아이디로 로그인 가능)
만들고 싶은 아이콘 검색 '돈'이라고 검색합니다.
3. 검색되어진 이미지가 나오면 아래에서 아이콘을 선택합니다.
4. 아이콘 선택시 아이콘만 나오게 됩니다. 아이콘 이미지 중 마음에 드는 이미지 선택합니다.
5. 이미지 선택후 16픽셀 선택(32픽셀까지 가능하네요)
6. 픽셀을 선택하게 되면 자동다운로드 됩니다.
💰티스토리 파비콘 만들기
1. 파비콘을 만들기 위해서는 파일명을 ico로 바꿔줘야 합니다.
그래서 Convertio 사이트로 이동합니다.
2. 파일 변환기 사이트로 들어가서 파일선택을 누릅니다.
3. 아까 돈이라고 다운로드하였던 아이콘 기억나시죠? 그 파일을 찾아 누릅니다.
(보통 다운로드 라는 폴더에 들어가 있습니다.)
파일옆 어떤 파일로 만들지를 선택하는 칸이 있습니다. 우리는 영상 누르고 ico를 눌러줍니다.
4. 아까 받았던 '돈'이라는 png파일을 ico파일로 바꿔줍니다. 그러기 위해서 우리는 변환을 눌러줍니다.
5. 변환이 완료되었습니다. 끝난 게 아닙니다. 이름만 바꿔줬기에 우리는 다시 다운로드를 하여야 합니다.
다운로드 눌러줍니다.
🔔티스토리에서 아이콘 파비콘 설정하기
제일 왼쪽 티스토리 메뉴-젤아래 관리-블로그-오른쪽 아이콘 파비콘 설정-불러오기-변경사항 저장
(불러오기에서 위에서 만들었던 아이콘 파비콘을 넣어줍니다.파일 넣어준 후 변경사항까지 꼭 저장하기)
