본문 바로가기
ㆍ유용한 팁/블로그

파비콘 만들기(ico 파일 만들기) → 티스토리 블로그에 적용하기

by NARVEL 2016. 3. 13.
반응형

간단하게 파비콘 만들어서 블로그에 적용하는 방법 총정리!

 인터넷을 사용하면 주소창 왼쪽에 대표 아이콘처럼 표시되는게 있습니다. 이걸 우리는 파비콘이라고 부르는데요. 사이트나 블로그를 운영하면서 자신의 사이트나 블로그를 알리기 위해서 쉽게 표현하는 아이콘들입니다.

 

 기본적으로 사진이나 이미지 파일을 파비콘으로 변경하는 방법도 있고 아이콘을 파비콘으로 변경하는 방법도 있습니다. 하지만 이번 포스팅에서는 직접 파비콘을 디자인해서 티스토리 블로그에 적용하는 방법을 살펴보도록 하겠습니다.

 

 

 사이트 바로가기

 

파비콘을 직접 디자인할 수 있는 사이트가 있습니다.

누구나 무료로 이곳에서 직접 디자인해서 본인만의 파비콘을 만들어볼 수 있습니다.

 

 

[파비콘 만들기]

 

픽셀 하나하나 표시가 되어있어서 오른쪽에서 색상을 골라서 한칸씩 채워주시면 된답니다.

파비콘은 작게 디자인되기 때문에 복잡한 것보다는 단순하고 눈에 들어오도록 만드는게 좋습니다.

 

저는 N을 상징화해서 대충 만들어보았는데요.

만드는데 5분도 안걸리고 간단하게 그려봤습니다.

 

 

[완성된 디자인 미리보고 다운로드]

 

완성된 디자인은 하단에 보이는 프리뷰를 통해서 미리보기가 가능하답니다.

만든 파비콘이 마음에 드시면 이제 Download Favicon을 눌러서 ico 파일 만들기를 해주시면 됩니다.

 

 

[파비콘 저장하기]

 

파비콘 확장자가 ico로 제대로 만들어진 파일을 볼 수 있습니다.

 

 

[저장된 파비콘 확인]

 

이제 이 파비콘을 티스토리 블로그에 적용을 시켜보도록 하겠습니다.

 

 

[티스토리 블로그] - [관리센터] - [환경설정] - [기본정보]

 

관리를 하는 메뉴에서 기본정보를 변경하는 곳에서 파비콘을 적용할 수 있습니다.

 

 

[기본정보] - [아이콘]

 

기본정보 메뉴 항목에서 아이콘을 변경할 수 있는 곳이 보입니다.

아이콘과 파비콘이 보이는데 우리는 파비콘을 변경할 예정이랍니다.

파비콘을 변경하기 위해서는 파일형식이 ico가 기본입니다.

 

 

[찾아보기]

 

 아까 저장한 파일을 선택해줍시다.

 

 

[적용하기]

 

 정상적으로 파비콘이 등록된 모습입니다.

 

 

[변경된 모습 확인]

 

 인터넷 주소창을 통해서 제대로 출력이 되는지 확인하면 끝입니다.

 

 기본적으로 티스토리 블로그는 변경하지 않을 경우에 주황색 바탕에 T 표시가 되어있는 파비콘이 적용되어 있습니다. 변경하지 않고 그대로 사용하는 것보다 본인만의 색을 가진 파비콘을 만듬으르소 방문자들에게 뚜렷한 인상을 줄 수 있습니다.

 

 실제로 만드는 작업을 통해서 적용까지 해봤는데 디자인 부분만 빠르게 해결한다면 나머지 부분들은 큰 시간소모없이 적용을 해보실 수 있습니다. 어렵지 않기 때문에 이번 기회에 파비콘을 직접 만들어보시는건 어떨까요?

 

 

반응형

댓글