파비콘 만들기 간단한 방법 - 티스토리 파비콘 적용

파비콘(Favicon)을 만드는 간단한 방법을 알아보겠습니다.

파비콘이란?

'Favorite + Icon'의 합성어로 주소창에 보면 웹사이트를 상징하는 조그만 이미지를 뜻합니다.

보통 16x16 의 크기로 제작되며, 배경이 투명한 png 형식을 ico 파일로 변환하는 형태로 합니다.

 

위의 이미지와 같이 대표적인 웹사이트를 보면, 탭에 조그만 이미지가 들어가 있는데 이것이 바로 파비콘 입니다.

보통 탭에 배경 색이 들어가 있기 때문에 배경을 투명으로 하지 않으면 흰색 박스가 배경에 깔려 이상해 보입니다.

이런 파비콘을 손쉽게 만드는 방법입니다.

먼저 되도록 배경이 투명한 png 파일을  제작합니다.

포토샵 없이 투명 이미지를 만드는 방법은 다음 링크를 참조하십시오.

http://blog.naver.com/psyonline/220352617507

이미지의 특성에 따라 꼭 배경이 투명할 필요는 없습니다. 

아무튼 이렇게 만들어진 이미지가 있다면 ICO Convert 라는 아래의 웹사이트에 접속합니다.

  

현재 이미지를 업로드 하지 않았기 때문에 'No Image Uploadede'라고 나와 있습니다.

Step1에 있는 찾아보기에서 미리 만들어 놓은 파일을 찾아 선택한 후 'upload' 버튼을 클릭합니다.

주의해야 할 점은 이미지 파일의 크기가 50MB 이하여야 합니다.

이렇게 이미지가 업로드 되면 위와 같이 내가 올린 이미지가 올라가게 됩니다.

이미지를 잘라 필요한 부분만 사용할 수도 있습니다.

그 외 optional 이라고 되어 있는 부분은 별로 필요 없어 넘어가고... Step 4 도 특별한 일이 없다면 default로 설정 되어 있는 것을 손대지 않습니다.

Step 5의 하단에 [Download your icon(s)]라고 되어 있는 부분을 클릭하면 다운로드가 완료됩니다.

티스토리에 적용하실 분은 블로그 설정에서 파비콘 항목을 찾아 업로드 하시면 됩니다.

[공감] 버튼을 클릭해 주시면 블로그 주인에게 큰 힘이 됩니다.

 

공감은 별도의 로그인이 필요 없습니다.