JuwaJun

나를 찾아 떠나는 여행

투잡, 쓰리잡/티스토리 블로그

티스토리 파비콘 만들기

주와준 2021. 9. 23.
반응형

파비콘 만들기

파비콘이란, Favroite Icon의 줄임말로 Favicon입니다. 다시 말해 즐겨찾기 아이콘입니다. 아래 사진에서처럼 브라우저 상단에 각 탭에 나오는 아이콘을 말합니다.

파비콘

티스토리에서도 각자의 블로그에 파비콘을 등록할 수 있습니다. 이번에는 파비콘을 간단하게 만들고, 등록하는 방법에 대해서 알아보겠습니다.


파비콘 만들기

파비콘으로 등록하고 싶은 정사각 이미지를 미리 확보하신 후 아래 글을 읽어주시기 바랍니다.

 

1. 파비콘 제작 사이트 접속

https://favicon.io/favicon-converter/

 

Favicon.io - The Ultimate Favicon Generator (Free)

With Favicon.io you can quickly generate a favicon for your website for free!

favicon.io

 

해당 사이트에 접속하면 파비콘으로 변경시켜주는 converter가 있습니다.

에 원하는 정사각 이미지를 드래그하시면, 에 아이콘이 표시됩니다.

이후, 을 눌러서 다운로드합니다.

파비콘 컨버터

 

2. 다운로드한 파일 확인

다운로드한 파일 중 가운데 보이는 favicon이 있으면 됩니다.

어떤 분들은 처음부터 16x16의 이미지를 만들어야 한다고 하기도 하는데요. 위에 있는 컨버터를 이용하면 16x16의 PNG 또는 JPG 파일을 가져오지 않아도 정사각 파일만 있으면 변환이 가능합니다.

 

참고로 저는 500x500으로 기존에 아이콘 등록했던 JPG파일로 변환하였습니다.

파비콘 확인

 

3. 블로그 설정

파비콘을 등록하고자 하는 자신의 블로그 좌측 메뉴에서 '관리 → 블로그'를 선택합니다.

블로그 관리

 

아래와 같은 화면에서 파비콘 탭의 '불러오기'버튼을 클릭합니다.

파비콘 불러오기

아까 다운로드한 'favicon_io'폴더에 들어가서 불러오기 합니다.

변경사항을 저장하고 마무리합니다.

 


파비콘이라는 단어가 생소하지만 막상 하는 방법은 어려울 것이 없습니다. 너무 편한 툴이 많아서 잘 활용만 한다면 어렵지 않습니다. 파비콘을 통해서 나만의 블로그를 만들어 가요.

 

끝까지 읽어주셔서 감사합니다~!

반응형