본문 바로가기
알쓸신잡/블로그

티스토리 파비콘,아이콘 만들기 방법 꿀팁


티스토리 블로그를 운영할 때 자신만의 포인트를 줄 수 있는 파비콘을 아시나요? 저도 오랫동안 알고는 있지만 실천하지 않았던 게 파비콘 만들기였는데요.

그럼 간단하지만 확실한 포인트가 보이는 파비콘을 만드는 과정을 알려드리겠습니다.

 

아이콘 다운로드하기

개인적으로 이미지를 만들어 낼 수 있는 능력이 있으신 분들이라면 이 과정은 생략하셔도 됩니다. 저는 아직 그런 능력이 부족한 것 같아 무료 파비콘 이미지 사이트를 이용해서 다운로드하고 진행했습니다.

 

출처 : Flaticon

www.flaticon.com/kr/

위 사이트를 방문하시면 무료 파비콘과 가입 후 결제를 해야 이용할 수 있는 아이콘이 있습니다.

출처 : Flaticon

검색창에 본인이 원하는 아이콘을 검색하시면 목록이 쫙 나옵니다. 그중 원하는 파비콘을 클릭하시면 위와 같은 화면이 나타나게 되는데요. 우리가 지금 이용할 것은 아이콘이기 때문에 픽셀을 선택한 다음 PNG라고 표시된 부분을 클릭하시면 아래와 같은 화면이 나옵니다.

출처 : Flaticon

월 7.5유로를 납부할 생각이 있으시면 무제한 다운로드 및 광고 없이 이용 가능하지만, 우리가 이곳을 이용하는 건 아이콘과 파비콘을 만들 때 한정이기 때문에 무료 다운로드를 이용하시면 되겠습니다. 물론 이 이미지는 저작권자 표기를 반드시 해야 한다는 점이 있으니 유의하시기 바랍니다.

 

이렇게 아이콘 파일 PNG를 다운로드한 후 이제 파비콘 만들기 작업을 들어가야 하는데요.

 

티스토리 파비콘 만들기

 

티스토리 등록을 위한 아이콘을 확보했으면 이제 진행해야 할 건 파비콘을 만드는 일입니다. 물론 아이콘과 파비콘을 같은 이미지로 만들 필요는 없습니다. 저는 이게 편해서 이렇게 진행했으니 파비콘 만드는 과정만 확인하시면 되겠습니다.

 

먼저 제가 이용한 사이트는 www.favicon-generator.org/입니다. 많은 사이트를 이용한 건 아니지만 이 사이트가 이용하기가 제일 편했습니다. 아래의 옵션에서 따로 바꿀 건 없고 파일 선택해서 만든 혹은 다운로드한 이미지를 선택하신 후 Create Favicon을 눌러주세요.

https://www.favicon-generator.org

물론 본인이 원하시는 옵션이 있으시면 그에 맞게 조절하시는 게 맞겠죠?

 

https://www.favicon-generator.org

Create Favicon를 누르면 위와 같은 창이 보이실 텐데요. 아래 목록을 살펴보시면 각 크기별로 아이콘과 파비콘이 만들어진 모습을 볼 수 있고 우리는 이 사진들을 다운로드하여야 합니다. 파란색 글씨로 Download the generated favicon를 누르시면 다운로드 팝업이 나타납니다. 

 

본인 PC에 다운로드한 후 압축되어 있는 파일을 풀면 위에 보이는 만큼의 파일이 존재합니다. 저는 이 중 60*60 사이즈를 아이콘으로 이용했고, 하나 존재하는 파비콘 파일을 티스토리 파비콘으로 이용하고 있습니다.

티스토리 - 관리 - 블로그를 클릭하시면 아이콘 및 파비콘 편집이 가능한 페이지가 등장합니다.

그 후 아이콘, 파비콘에 대한 설명이 간단하게 보이고 불러오기 부분에 추가를 누르신 다음 파일을 올려주시면 마무리됩니다.

 

이상으로 티스토리 파비콘, 아이콘 등록 방법을 알려드렸습니다.

방문자가 많이 읽은 글

댓글


loading