Tistory정보

티스토리 favicon 만들기, 파비콘

summerorange 2022. 8. 22. 13:46
반응형

소소하지만 본인만의 파비콘을 만들어서 게시하는 법:)

before: 파비콘 넣기 전
favicon
after: 파비콘 넣은 후

1) 파비콘 파일을 만들기.

이미지로 만들어서 변환해도 되고, 무료로 파비콘을 만들 수 있는 웹 사이트도 있습니다.

https://www.favicon.cc/

 

favicon.ico Generator

Preview Favicon in original size:

www.favicon.cc

저는 여기에서 만들었습니다. 도트 찍어서 파비콘 만들면 됩니다. 16 x 16 사이즈인데 한 칸씩 색깔 넣어서 만들었습니다.

맨 처음 만들었던 이미지. 나름 음영도 넣었는데 나중에 다시 그렸습니다.

다 그렸다면 하단의 Download Favicon 해서 다운 받아주면 해당 파비콘 파일이 뚝딱 만들어집니다.

2) 티스토리 관리 페이지에서 적용하기

이제 티스토리 관리 페이지에 들어가서

2-1) 관리 - 블로그

밑에 보면 파비콘(favicon) 파일 형식은 ico로 되어 있습니다. 

방금 다운 받은 파비콘 파일을 불러오기 합니다.

2-2) 불러오기 클릭

하단에 favicon.ico 있는 것 클릭

2-3) 변경사항 저장

변경했으니 이제 저장하기 클릭

 

3) 완성

몇 초 걸려서 다시 보면 다음과 같이 변경되어 있는 걸 볼 수 있습니다.

 

끗~!

반응형