파비콘 만드는 법(티스토리, 윈도우 작업표시줄 적용)

파비콘 만드는 법 요약

파비콘 만드는 방법은 아주 쉬워요. 먼저 4줄로 요약해 드릴게요.

1. 이미지 파일을 구한다(크기 상관 없음. 단 정사각형이어야 함. 직사각형이라면 정사각 영역으로 자르거나, 비율을 눌러서 정사각형으로 만들어도 되긴 함)

2. 그림판에서 이미지 파일을 연다.

3. 64 x 64 사이즈의 bmp 확장자 파일로 저장한다.

4. 저장한 파일의 확장자를 bmp에서 ico로 바꾼다.

이게 끝입니다. 무지 간단하죠?

 

파비콘 만드는 법

그럼 정말 잘 되는지 제가 한번 진행해 보겠습니다.

현재 제 블로그의 메인을 장식하고 있는 토마토 인형을 재료로 만들어 보겠습니다.

먼저 그림판에서 토마토 인형 사진을 불러옵니다.

그리고 '크기 조정'이라는 메뉴를 눌러줍니다.

크기 조정 메뉴의 기준을 '백분율'에서 '픽셀'로 바꿔 줍니다.

가로 64, 세로 64를 입력하고 확인을 눌러줍니다.

이미지가 작아졌네요.

이제 저장을 하겠습니다.

다른 이름으로 저장을 누르고 bmp 확장자의 파일로 저장애 줍니다.

이제 파일 저장이 끝났으면 이 파일을 찾아서 ico확장자로 변환해 줘야 합니다.

파일을 찾으면 bmp확장자로 저장되어 있습니다.

bmp를 ico로 확장자를 바꿔 줍니다.

 

확장명을 변경하면 사용할 수 없다고 경고가 나오는데, 그냥 무시하고 '예'를 눌러줍니다.

 

토마토 아이콘이 산과 구름 아이콘으로 바뀌었는데, 제대로 된 거니까 당황하지 않아도 됩니다.

F5를 눌러서 새로고침 해보면 제대로 나올 것입니다.

 

티스토리에 파비콘 적용하기

그럼 이 아이콘(파비콘)을 티스토리에 적용해 보겠습니다.

먼저 블로그 관리에 들어가셔서 '블로그'를 클릭해서 들어갑니다.

 

파비콘이라고 되어 있는 곳의 우측의 '불러오기'를 눌러서 방금 만든 ico확장자의 파일을 불러옵니다.

 

미리보기가 제대로 보이네요. 이제 변경사항 저장을 눌러서 티스토리 블로그에 적용해 줍니다.

 

웹브라우저의 상단에 잘 표시되는 것을 확인할 수 있습니다.

※ 티스토리에 파비콘을 적용하는 것에 대한 내용은 여기서 끝입니다.

 

* 글이 너무 길어지면 가독성이 떨어지기 때문에 윈도우의 아이콘을 바꾸는 방법은 글을 따로 적었습니다.

윈도우 아이콘 바꾸는 법