티스토리 파비콘 만들기
파비콘 Favicon
나만의 홈페이지 표식 만들기
파비콘(Favicon)이란?
"Favorite Icon" 의 줄임말로 즐겨찾기 아이콘이예요.
티스토리의 기본 파비콘은 아래 그림처럼 T 자 그림으로 표시되고 있어요.
요걸 이제 나만의 홈페이지 표식 느낌으로 파비콘으로 만드는 작업을 해볼거예요.
1. 파비콘 만들기
2. PNG → ICO 파일변환하기
3. 블로그에 파비콘 적용하기
1. 파비콘 만들기
파비콘은 직접 만들기도 가능하지만, 저는 손재주가 없어서 무료 아이콘 다운로드가 가능한 사이트를 이용했어요.
✅ 아이콘 무료다운로드 홈페이지
Vector Icons and Stickers - PNG, SVG, EPS, PSD and CSS (flaticon.com)
Free Icons and Stickers - Millions of images to download
Download Free Icons and Stickers for your projects. Images made by and for designers in PNG, SVG, EPS, PSD and CSS formats
www.flaticon.com
원하시는 아이콘이 있으면 검색해보세요.
영문으로 검색하시면 되는데, 저는 꽃 종류를 하고싶어서 ' flower '로 검색.
▼
원하는 아이콘을 클릭하셔서 PNG 크기 선택하세요. (보통 32x32 or 16x16 선택)
파일 크기가 100kb 이하로 등록이 가능하기때문에 저는 16x16 사이즈로 선택했어요.
사이즈 선택하시고 ' Free download ' 클릭하시면 폴더에 다운로드가 완료됩니다.
2. PNG → ICO 파일변환하기
PNG 파일로 다운로드가 되었으면, ICO 형식으로 파일을 변환해야해요.
✅ 무료변환 홈페이지
FavICO.com - Free Online Favicon Generator : Convert image to ico file (convertico.com)
FavICO.com - Free Online Favicon Generator : Convert image to ico file
www.convertico.com
홈페이지 접속 후, 위 캡쳐와 같이 PNG 다운받은 이미지를 업로드 해주세요.
그리고 사이즈는 한번 더 16x16 사이즈로 선택 후에 CREATE 를 눌러주세요.
광고 팝업은 스킵해주시면 되구요. 오른쪽에 파일이 생성됐어요. 다운로드 해주시면 됩니다.
파일 크기 보니까 100kb가 훨씬 안되는 초저용량의 파비콘 이미지 파일이 완성됐어요.
이전에 글자로 해보려고 여러번 시도했다가 100kb가 초과되서 등록이 안되더라구요.
하지만 제가 했던 방법으로 하면 아주 쉬워요 !
3. 블로그에 파비콘 적용하기
파비콘 파일을 만들었으니 이제 등록을 하면 됩니다.
드디어 티스토리를 다시 들어와서 블로그관리 화면으로 넘어가주세요.
✅ 블로그관리 → 관리(블로그) → 파비콘
파비콘 화면에서 불러오기로 ICO 파일 선택해서 등록해주면 완료 !
변경사항 저장하시고 블로그 접속해보세요.
💥 만일 제대로 안뜨면 플러그인 적용이 안되어있어서 그럴거예요.
✅ 블로그관리 → 플러그인 → 검색 : 아이콘
홈페이지 아이콘 표시 하나만 적용해주셔도 되구요.
아이콘을 등록하신 분들은 블로그아이콘 표시까지 적용해주시면 끝.
도움이 되셨다면 아래 구독하기 버튼도 눌러주세요. 우리 소통해요
'진둥이의 꿀팁' 카테고리의 다른 글
| [티스토리 꿀팁] 구독버튼 만들어서 본문에 추가하기 (서식추가) (2) | 2023.02.10 |
|---|---|
| [티스토리 꿀팁] 형광펜 밑줄 효과로 글의 가독성 높이기 (1) | 2023.02.09 |
| [티스토리 꿀팁] 무료글꼴(웹폰트) 변경 & HTML 컬러코드 찾아보기 (2) | 2023.02.08 |
| [티스토리 꿀팁] 본문&타이틀 간격 조정하여 가독성 높이기 (북클럽스킨) (0) | 2023.02.07 |
| [꿀팁] 썸네일 만들기 (블로그/유튜브) ; CANVA 무료 어플활용 (1) | 2022.12.16 |
