파비콘 만들기 초간단

 

 

파비콘 만들기 초간단

---

홈페이지 또는 블로그를 제작 및 사용하는 사람이라면, 파비콘은 한번씩 들어봤을 것이다. 정확히 파비콘이 무엇이냐면, 우리가 사이트를 즐겨찾기하면 사이트 앞에 나타나는 아주 작은 아이콘이다. 즐겨찾기와 아이콘의 합성어라고 한다.

파비콘은 즐겨찾기 뿐만 아니라 인터넷브라우저를 실행했을 때, 상단에 사이트앞에 노출되기도 한다. 탭에서 사이트를 구분할때 중요한 역할을 하기 때문에 파비콘 등록은 필수이다.

 

파비콘은 ico라는 확장자파일인데, 16 x 16 사이즈로 제작을 해야한다. 필자도 처음에는 당연히 포토샵을 통해서 파비콘 만들기가 가능할거라 생각을 했지만, ico확장자로 저장하는 기능이 없었다. 열심히 알아본 결과 별도의 프로그램설치 없이 인터넷 사이트를 통해서 간단하게 파비콘 만들기가 가능하다는 걸 알게 되어서, 현재까지 이용 중이다.

 

 

 

파비콘 만들기

---

파비콘 만들기는 크게 두가지로 나눌 수 있다.

 

1. 포토샵으로 원하는 아이콘 만들기(정사각형)

2. ICO Convert 사이트에 접속하여 ico파일로 변환하기

 

기본적으로 포토샵에서 원하는 파비콘 이미지를 만들었다는 가정하에 파비콘 만들기 설명을 진행하겠다.

ICO 파일로 변환을 하기 위해서는 ICO Convert 사이트에 접속을 해야한다.

 

ICO Convert 사이트

 

 

 

▲ ICO Convert 사이트는 사이트명 그대로 ico 파일로 변환하는 전용 사이트이다.

 

 

▲ 미리 만들어 놓은 파비콘으로 사용할 정사각형의 이미지를 불러온 후 업로드한다.

(사이즈가 너무 크면 업로드가 안되기 때문에, 100 x 100 픽셀 사이즈 정도가 적당하다)

 

 

 

 

▲ 업로드가 완료된 후 아래로 스크롤을 내려보면, 파비콘으로 변환할 때 원하는 디자인을 선택할 수 있다.

필자는 원형을 선택하여 진행을 하였다. (이미 배경을 투명하게, 파비콘 디자인을 했다면 오리지널을 선택해주면 된다)

 

 

▲ 스타일선택이 끝났다면, 변환할 아이콘의 확장자를 선택해준다. 그 이후 'Convert ICO'를 클릭해준다.

약간의 로딩 후 아래에 Download your icon(s)를 클릭해서 다운을 받아준다.

 

 

▲ ico파일로 변환된 파비콘 이미지를 확인할 수 있다.

실제 이미지와 비교를 해보면 저정도 사이즈 차이가 난다. (필자는 500x500픽셀로 처음 이미지를 제작했다)

 

 

 

▲ 파비콘 만들기가 완료됐으면, 업로드할 사이트에 저장을 해주며 된다. 필자는 예시로 티스토리화면을 캡쳐했다.