티스토리 아이콘 파비콘 만드는 방법

포스팅에 들어가며

 티스토리를 하다가보면 블로그 설정에서 아이콘과 파비콘이라는 항목을 볼 수 있다. 이게 무엇일까 생각하는 유저들도 적지 않을 것이다. 밑에서 그림으로 설명하겠지만 아이콘의 경우에는 댓글을 달았을 때 원형으로 나타나는 아이콘이 될 것이고 파비콘의 경우에는 웹페이지에서 내 블로그에 접속했을 때 브라우저에서 내 블로그명 옆에 작게 표시되는 아이콘을 의미한다. 그럼 이 아이콘과 파비콘은 어떻게 적용하고 만들 수 있는지 알아보자.

Step 1. 이미지 준비

 일단 필자의 경우 아잇티라는 닉네임과 블로그 주제 자체가 IT 관련 블로그 이기 때문에 심플하면서도 눈에 잘 띄는 이미지를 만들기로 했다. 필자가 만든 아이콘은 아래와 같이 생겼다.

 약간 네이버 짝퉁 같긴하지만 그래도 필자의 아잇티라는 아이디와 내용이 잘 맞는 것 같아 만들어진 아이콘이다.

Step 2. 아이콘과 파비콘

 

 필자의 블로그에 접속을 해보면 위와 같이 제목 우측으로 그림이 보일 것이다. 즐겨찾기를 등록해도 같은 결과이다. 바로 이제 파비콘을 등록했기 때문이다. 아이콘은 댓글을 달 경우에 해당 아이콘이 등록되는 줄알았는데 이부분은 아니더라.

 파비콘과 아이콘의 등록은 의외로 간단하다. 블로그 관리에서 자신의 배경화면을 클릭하면 설정 창으로 넘어가게 된다. 티스토리 제목이나 설명을 설정하는 탭에 들어가면 변경이 가능하다. 일단 최적 사이즈가 위와 같이 나와있지만 꼭 그 사이즈를 선택할 필요는 없다. 사이즈만 맞다면 알아서 들어가니 말이다.

 아이콘의 경우에는 간단하게 등록이 되는데 파비콘은 ICO 파일 형식을 따라야한다. 일반 이미지로는 불가능하다는 이야기이다. 그럼 어떻게 만들어야 할까? Step 3으로 가보자.

Step 3. 파비콘 만드는 방법

PNG -> ICO : http://convertico.com

JPG -> ICO : http://convertico.com/jpg-to-ico/

GIF -> ICO : https://www.coolutils.com/online/GIF-to-ICO#

 일단 자신이 변경할 파일 확장자에 맞게 위의 웹사이트로 이동을 하자. 일단 convertico와 coolutils 두 유형의 컨버팅 사이트가 있다. 먼저 convertico부터 보자.

 구름 모양의 빨간 상자에 원하는 이미지를 드래그해서 드랍하면 자동으로 등록이 된다. 그럼 자동으로 ICO 확장자를 갖은 아이콘 파일 형식으로 변환이 된다. 그러면 우측 빨간 상자에 다운로드가 가능하게 변경이되고 클릭하면 자동으로 다운로드 된다.

 coolutils의 경우에는 GIF 형식을 아이콘으로 변경할 수 있는 사이트이다. 1번 역시 변경할 GIF 파일을 등록하고 2번에는 ICO를 선택한다. 그럼 바로 변경이되고 3번에서 다운로드를 하면된다.

 그리고 여기에서 불러오기하여 이미지를 등록하면 끝난다.

포스팅을 마치며

 어쩌면 너무 작아 신경 안쓰는 부분일 수 있지만 이렇게 사소한 부분도 나만의 아이콘으로 등록한다는게 정말 기분 좋은 일이다. 남들과는 다른 나만의 아이콘 말이다. 설명이 길었을 뿐이지 작업 자체는 간단하기 때문에 티스토리를 사용하는 유저라면 꼭 등록하여 사용하도록 하자.

제 블로그의 내용이 도움이 되셨나요?

여러분의 공감과 댓글이 아잇티에게 큰 힘이됩니다 :)

▼▼▼▼▼▼▼▼▼▼▼