2016. 11. 23. 06:30 컴터 탐구생활

티스토리 꾸미기 파비콘 만들고 설정 쉽게하기

 

티스토리 블로그의 매력에 빠져서 블로그 개설을 하시는 분들이 많습니다.

개설을 하고나면 이제 블로그를 꾸미기 시작해야 하는데요.

이부분에 대해서는 조금만 검색을 해봐도 쉽게 따라서 하실 수 있겠습니다.

 

블로그 제목, 스킨 선택, 카테고리 설정, CSS, HTML 소스도 한 번 건드려보고 수정을 하게 됩니다.

하지만 많은 분들이 공들여서 개설한 블로그에 파비콘의 중요성을 가볍게 보는 거 같습니다.

 

 

그림1 ■ 파비콘 설정 전의 웹브라우저 모습입니다.

(티스토리 고유 파비콘이 나타납니다)

 

 

그림2 ■ 파비콘 설정 후 블로그 고유의 개성이 나타납니다.

파비콘은 내 블로그에 방문했을 때

웹브라우저에 나의 블로그 아이콘(파비콘)과 제목이 함께 나타나기 때문에

개성있는 파비콘을 만들어 두면,

방문자들이 내블로그를 기억할 수 있는 부분이 하나 더 생기는 것과 같습니다.

 

이왕이면 내 블로그와 개성이 잘 결합된 파비콘(Favicon)을 생성해 놓으면 좋습니다.

 

단, 파비콘으로 사용될 이미지는 ico파일이여야 합니다.

  jpg,png 파일을 변환해줘야 합니다.

 

 

※ jpg,png파일을 파비콘(ico) 파일로 변환

http://www.degraeve.com/favicon/

 

 

먼저, 포토샵으로 파비콘으로 사용할 아이콘을 만들어둡니다.

(이미지 크기는 16*16으로 하고 배경은 투명으로 합니다)

 

 

 

파비콘으로 만들 이미지가 준비되셨다면

해당 사이트에서 아래 순서대로

 

 

① 만들어 놓은 이미지를 찾습니다.

② 찾은 이미지를 업로드 시킵니다.

 

 

그럼, 큰 화면에 상단과 같은 모습이 나타납니다.

점선 사각형을 움직여서 영역지정을 해줍니다.

③ Crop picture를 눌러줍니다.

 

 

 

픽셀화가 완료되었으면 파비콘 이미지로 변경되었습니다.

이제 여기서 편집을 할 수 있는데 (너무 작아서 거의 없습니다. ^^)

 

④ Make Favicon!을 눌러 ico 파일로 변환해줍니다.

 

 

 

그럼 ⑤과 같이 나타나는데,

여기서 파비콘에 마우스 커스를 올리고 우클릭을 한 후,

다름이름으로 저장을 합니다.

 

이제 파비콘이 완성되었습니다.

 

※ 다음 시간에는 티스토리에 파비콘을 설정하는 방법 알아보겠습니다.

 


 

[탐군의 컴터정복] 함께 보면 좋은 글

티스토리 꾸미기 파비콘 설정하기

 

posted by 케로씨