Please Enable JavaScript!
Gon[ Enable JavaScript ]

파비콘 만들기 ICO 변환, 인터넷 주소 아이콘으로 이용하기

인터넷/기타
반응형

파비콘 만들기 ICO 변환, 인터넷 주소 아이콘으로 이용하기

 

환경 : windows 7 64bit

 

"파비콘" 이란 즐겨찾기와 아이콘의 합성어를 말합니다. 즐겨찾기(favorites) fav 와 아이콘(icon) icon 이 합쳐져서 파비콘(favicon) 이란 단어가 생긴 것입니다. 우리가 사이트를 즐겨찾기 하게 되면 사이트명 앞에 붙는 아이콘을 말합니다. 파비콘은 컴퓨터 아이콘 이미지로 쓰이는 ICO 확장자를 가진 파일이어야 합니다.

 

파비콘으로 쓸수있는 이미지는 16x16 정도 되는 작은 이미지로 확장자가 ICO 파일이어야 합니다. 감이 잡히시죠. JPG, PNG 파일을 아이콘 파일로 변환해 주면 사용할수 있는 것이죠. 

파비콘 만들기 ICO 변환, 인터넷 주소 아이콘으로 이용하기

 

1. 자신이 직접 그려서 만들기

 

파비콘을 만드는 방법은 다양합니다. 포토샵에서 이미지를 만들어서 ICO 로 변환하거나 아예 파비콘을 만드는 사이트에서 제작한후 ICO 로 저장하는 것이죠. 저는 아래 사이트로 접속해서 만들었습니다.

http://www.favicon.cc/

파비콘 만들기 ICO 변환, 인터넷 주소 아이콘으로 이용하기

 

 

오른쪽에서 파비콘에 들어갈 이미지의 색상을 정하고 그려주시면 됩니다. 저는 도장 파듯이 글자를 넣었습니다. 그림 그릴 능력이 안되거든요. 이렇게 그려넣으시면 바로 아래 Preview 창에서 자신의 사이트에 파비콘이 적용되었을 때 모습을 확인할수 있습니다.

파비콘 만들기 ICO 변환, 인터넷 주소 아이콘으로 이용하기

 

제작이 끝났다면 바로 Preview 창의 바로 아래 있는 Download Favicon 버튼을 눌러 파일을 다운 받으시면 됩니다. 그럼 바로 ICO 아이콘 파일로 다운받을수 있습니다.

파비콘 만들기 ICO 변환, 인터넷 주소 아이콘으로 이용하기

 

아래 그림처럼 ico 확장자로 파일이 다운로드 되었습니다. 그런데 디자인이 아닌 개인이 제작하다 보면 제대로 만들기가 힘듭니다. 좀더 편하게 제작할수 있도록 기존 이미지를 이용하는 방법에 대해 알아 보겠습니다.

파비콘 만들기 ICO 변환, 인터넷 주소 아이콘으로 이용하기

 

2. 기존 이미지 이용해서 만들기

 

[Import Image] 버튼을 클릭해서 이미지 파일을 추가할수 있는 페이지로 이동합니다. [찾아보기] 버튼을 클릭해서 Image File 에 파비콘으로 변환하고 싶은 이미지를 추가합니다.

파비콘 만들기 ICO 변환, 인터넷 주소 아이콘으로 이용하기

 

 

[Upload] 버튼을 클릭하게 되면 이미지를 바로 추가 합니다. 수정하고 싶다면 만들 때 처럼 픽셀에 색상을 칠하면 되겠죠. 마지막으로 Preview 로 가서 파비콘을 다운받으시면 기존 이미지를 파비콘으로 전환하게 되는 것입니다.

파비콘 만들기 ICO 변환, 인터넷 주소 아이콘으로 이용하기

 

반응형
Posted by 녹두장군1
,