초보 블로거의 파비콘 제작, 적용하기

단 하나뿐인 나만의 블로그 꾸미기! 파비콘 제작, 설정 방법

 

안녕하세요. 김안전입니다.

파비콘이라고 들어보셨나요?? 쉽게 설명하면 내 블로그 아이콘이라고 생각하시면 됩니다!!

파비콘이 무엇인지 부터 적용하는 방법까지 작성해 볼게요.

 

 

파비콘이란?

위에 있는 사진을 보시면 노란색 동그라미에 W 글자가 보이실거에요. 붉은색으로!

이렇게 내 블로그 이름 앞에 작은 아이콘을 설정할 수가 있는데 이걸 파비콘이라고 부릅니다.

파비콘 적절하게 잘 만든다면 블로그 방문자에게 뭔가 시각적으로 임팩트를 줄 수도 있겠죠? 

 

물론 방문자 유입에도 큰 영향이 있을 것이라고 생각을 합니다! 일반적으로 보여지는 티스토리의 문양이 아닌 

전혀다른 아이콘이나 문양이 보인다면 분명 뭔가 시각적으로 끌림이 있을 것이라 생각이 듭니다.

 

 

 

파비콘 설정법

파비콘을 만들기 전에 설정하는 방법을 먼저 알려드릴게요!! 

 

 

1. 먼저 티스토리 블로그에 접속해주시고 사진에 보이는 설정 버튼을 눌러주세요.

 

 

 

2. 블로그 설정화면에 들어가신 후 맨아래 관리 - 블로그 항목을 클릭해서 들어가 주세요.

 

 

 

3. 파비콘 항목에서 불러오기를 하면 파비콘이 적용이 됩니다. 100kb 미만의 파일만 올릴 수 있어요.

 

 

 

 

파비콘 만들기

자 이제 설정방법은 알았으니 파비콘을 만드는 방법을 알려드릴게요.

파비콘 제작은 두가지로 할 수 있습니다. 기존사진 변경법/도트제작법 차례로 알려드릴게요.

 

- 기존 사진을 ICO파일로 변경하는 법  (https://www.favicon-generator.org/)

 

1. 먼저 링크된 홈페이지를 들어가신 후 파일 업로드를 합니다.

 

 

 

2. 파일 업로드를 완료했으면 옆에 크리에이트 파비콘 버튼을 눌러줍니다.

 

 

 

3. 파비콘으로 파일이 변경 됐으면 이제 다운로드를 받아줍니다.

 

 

4. 이제 파피콘 설정을 해주시면 됩니다.

정말 간단하죠?? 단 여기서 주의할 점은 설정 가능한 파비콘의 용량은 100KB라는 점입니다.

원본 파일의 용량이 크다면 당연히 파일을 변환 했을 때도 용량이 커지겠죠?? 사진 용량 줄이는 방법은 이번 포스팅 후

올리도록 할게요!

 

 

 

 

- 직접 도트를 찍어 만드는 법 (https://www.favicon.cc/)

제가 사용하고 있는 방법 입니다. 제 블로그 옆을 보시면 붉은색 W 모양이 보이실 거에요.

이미지도 좋지만 하나씩 점을 찍어 만들어 보는 것도 나름 재미가 있더라구요.

 

 

1. 링크된 페이지로 들어가주세요. 가운데 모눈종이에 원하시는 그림과 글을 찍으시면 됩니다.!!

 

 

2. 가운데 모눈종이 모양에 직접 도트를 찍어주시면 1단계는 완성!!

 

 

3. 아래쪽에 보시면 다운로드 버튼이 있습니다. 이걸 눌러서 다운 받고 설정하면 끝!!

 

 

 

+추가사항

파비콘을 GIF 처럼 움직이게도 할 수 있다는 점!! 신기하죠? 단순한 이미지가 아니라 움직이게도 할 수가 있습니다.

 

1. 모눈 종이 아래쪽에 use animation 버튼을 눌러줍니다.

 

 

 

2. 아래 append new frame 버튼을 눌러주면 새로운 모눈종이가 생깁니다.

 

 

3. 새로운 글씨를 써주면 가-나-가-나 이렇게 반복되는 파비콘을 만드실 수 있습니다.

   다운받는 방법은 물론 아래 다운로드 버튼으로 받아주시면 되구요.

 

 

 

 

마무리

아시는 분들도 계시지만 저처럼 블로그를 이제 막 시작하는 초보는 상당히 어렵게 느껴지는게 바로 블로그 꾸미기죠...

그래도 이렇게 하나씩 하다보면 어느새 성장해 있을 것이라 믿습니다. 

자신만의 파비콘을 만드신 후 파비콘 적용까지 꼭 해보세요~

제가 올려드린 파비콘사이트 말고 다른 곳도 있으니 구글링 해보시는 것도 방법 중 하나! 그럼 즐거운 연휴 보내세요.