본문 바로가기
Blog

Favicon 세팅하기( 티스토리 블로그 )

by 홍code 2022. 3. 10.

파비콘(Favicon)이란, 인터넷 웹 브라우저의 주소창에 접속했을 때, 상단 탭의 왼쪽에 작게 보이는 아이콘을 말한다.

아무 세팅을 해주지 않으면 T모양의 파비콘이 보여진다. 블로그를 대표하는 아이콘을 바꿔보자.

이미지 찾기

직접만드는 방법도 있지만 픽토그램을 이용해서 만들었다. 이미지를 가져올 수 있는 사이트들이다.

이 중에서 flaticon에서 이미지를 가져와 보자!!

1. 플래티콘에 접속하기

2. 찾고자하는 아이콘 검색하기

3. 아이콘 선택하기

png를 눌려준다.

Free download를 눌러준다.

너로 정했다!!!!

 

4. png 파일 ico 확장자로 변환해주기

https://convertio.co/kr/png-ico/

 

PNG ICO 변환 (온라인 무료) — Convertio

png 파일(들) 업로드 컴퓨터, Google Drive, Dropbox, URL에서 선택하거나 이 페이지에서 드래그하여 선택해 주세요.

convertio.co

티스토리에 적용하려면 반드시 ico로 만들어야 하기 때문에 여기서 변환해준다.

아까 받은 png파일을 넣어주고 ico를 선택한 후 변환!!

변환된 ico파일을 받아준다.

5. 블로그 설정

블로그 관리에서 오른쪽 사이드바에 블로그를 눌러준다.

아까 받은 파비콘 파일을 불어온다.

불러오기 완료!!

확인해보면 잘 설정된 것을 확인할 수 있다.

댓글