블로그 사이트의 아이콘, 초간단 파비콘 만들기
블로그를 운영하다 보면 종종 파비콘이라는 말을 접할 수 있습니다.
파비콘이란 무엇일까요?
 |
| 검색엔진에서 종종 볼 수 있는 이녀석, 사이트를 상징하는 아이콘, 이게 바로 파비콘입니다. |
흔히 파비콘은 검색 노출이나 실적에 크게 영향을 미치지 않는다고 알려져 있지만, 실제 많은 블로거 이웃님들의 경험담으로는 체감상 파비콘을 업로드하지 않아 티스토리나 블로그스팟 기본 아이콘으로 설정되어있는 사이트들은 왠지 모르게 검색 및 클릭률이 낮은 것처럼 느껴진다고 합니다.
 |
| 이곳에 전설 속의 무공 비급이 공공연히 숨겨져 있다는 소문이 파다하지만 왠지 클릭하고 싶지 않은 이미지. |
그럼 어떻게 하면 나만의 독창적인 파비콘을 만들어 업로드 할 수 있을까요?
초간단 파비콘 만들기
파비콘으로 사용할 이미지 찾기
구글에 원하는 이미지를 검색합니다.
저는 고양이를 검색해보도록 하겠습니다.
수많은 고양이들 중 한 아이가 제 눈에 깊이 들어옵니다.
화면을 캡쳐해도 좋고, 이미지를 다운로드 해도 좋습니다. 화면을 우클릭 한 뒤 이미지 복사하기 버튼을 눌러도 괜찮습니다.
찾은 이미지 편집하기
그림판 3D를 켜 복사한 이미지를 붙여넣어 줍니다.
 |
| 야옹! 모바일 가시성을 위해 일부러 화면을 최소 크기로 줄인 모습입니다. |
 |
| 상단 탭에서 '자르기' 버튼을 누른 뒤 '1:1' 비율을 선택합니다. |
 |
| 적당한 위치로 정사각형을 이동시킨 후 |
 |
| '완료' 버튼을 누릅니다. |
 |
| 'Ctrl+A'를 눌러 캔버스를 전체 선택해주면 |
 |
| 이 영역이 163픽셀이네요? |
 |
| 가로 세로 100픽셀의 정사각형이 될 수 있도록 드래그해서 크기를 줄여줍니다. 더 작은 크기여도 괜찮지만, 파비콘으로 사용하려면 가로세로 크기가 정확히 같은 픽셀의 정사각형 이미지여야만 합니다. |
 |
| 가로와 세로의 크기가 정확하게 100이 되었으니 '자르기' 버튼을 눌러줍니다. |
 |
| 가로세로 100픽셀의 정사각형 아기 고양이 이미지가 완성되었습니다. |
 |
| 좌측 상단의 '메뉴' 버튼을 눌러 |
 |
| '저장' 혹은 '다른 이름으로 저장' 버튼을 눌러 편집된 정사각형 이미지를 세이브합니다. |
ico 변환 서비스를 제공하는 사이트에 편집한 이미지를 업로드해 ico 파일로 변환하기
https://convertio.co/kr/png-ico/ - png 이미지를 ico 파일로 변환해주는 사이트
이 사이트에 접속해 편집한 정사각형 이미지 파일을 업로드합니다.
 |
| 드래그 & 드롭 후 변환 버튼을 누르면 순식간에 변환이 완료됩니다. 변환이 완료된 ico 파일을 다운로드 받아줍니다. |
변환된 ico 파일을 파비콘으로 업로드하기
 |
| 구글 블로그스팟의 경우 좌측 메뉴 하단 '설정' 버튼을 누르면 스크롤을 내릴 필요없이 '파비콘' 설정 화면이 바로 나옵니다. |
 |
| 내가 만든 파비콘을 등록합니다. |
 |
| 티스토리의 경우 매니저 관리자 화면 좌측 최하단의 블로그 관리 버튼을 누르고 들어가 |
 |
| 파비콘과 아이콘을 업로드하여 설정할 수 있습니다. |