파비콘 만들기 및 등록하기

  파비콘이란 즐겨찾기 아이콘(favorites icon)'의 줄임말로, 특정 웹사이트에 방문했을 때 웹사이트 주소 옆이나 브라우저 탭에 나타나는 작은 아이콘을 가르키며 웹사이트를 대표하는 아이콘을 뜻합니다.

파비콘 만들기 및 등록하기

1. 파비콘

2. 파비콘 만들기

3. 파비콘 적용하기

---

1. 파비콘

  파비콘이란 즐겨찾기 아이콘(favorites icon)'의 줄임말로, 특정 웹사이트에 방문했을 때 웹사이트 주소 옆이나 브라우저 탭에 나타나는 작은 아이콘을 가르키며 웹사이트를 대표하는 아이콘을 뜻합니다. 또한 브라우저 탭에 나타나는 작은 로고를 파비콘이라고 합니다. 그래서 파비콘은 사이트의 대표 로고이기 때문에 사이트는 운영한다면 반드시 파비콘을 등록해야 합니다.

  크기는 16 x16 픽셀로 정해져 있으며 32x32, 48x48, 64x64 으로 업로드 하여도 16x16으로 줄여져 등록이 됩니다. 보통 .ico 파일인데 특정사이트에서는 .png 파일을 등록도 가능하도록 설계되어 있습니다. 익스플로러, 크롬, 파이어폭스, 오페라, 웨일, 사파리등의 웹브라우저에서 모두 지원합니다.

2. 파비콘 만들기

  그러면 파비콘을 생성하는 방법에 대해 알아보겠습니다. 파비콘을 포토샵으로 만들어도 되고 파비콘을 만들어 주는 사이트를 이용하셔도 되지만 1각에서는 사이트에서 생성하는 방법에 대해 알아보겠습니다. 먼저 파비콘을 사용할 이미지를 정합니다. 이미지를 만들었거나 다운로드를 받았다면 .ico 파일로 변환을 해야 합니다.

1)사이트 이용

• 1각에서는 리온엔엘 사이트를 이용해 보겠습니다.

 

파비콘 생성기

• 리오엔엘에서 마지막줄에 Favicon Generator Tool을 선택합니다.

Favicon Generator Tool 화면

• Favicon Generator Tool 화면입니다. 

파비콘 크기

• Choose image to upload 버튼을 클릭후 파비콘을 사용할 이미지를 선택한후 Create Favicon를 클릭합니다.

생성 성공

• Your favicon generated successfully 파비콘이 성공적으로 생성되었습니다. 화살표를 보시면 아이콘이 생성됩니다. Download th icon 버튼을 클릭하면

favicon.ico

• 화살표를 보시면 아이콘이 생성됩니다. Download th icon 버튼을 클릭하면  favicon.ico 파일을 다운로드 합니다. 자동으로 파일명이 favicon.ico 설정됩니다. 이제는 운영중인 사이트 어드민 페이지에 파비콘을 업로드 합니다.

라이믹스 관리자

3. 파비콘 적용하기

• 예제 사이트는 라이믹스 관리자 모드입니다. 파일선택 버튼을 클릭하시고 확인 혹은 적용버튼을 클릭하면 완료됩니다.

파비콘 적용

• 파비콘이 적용되었습니다. 파비콘은 사이트를 대표아는 아이콘인 만큼 사이트 성격이 반영되는 아이콘을 선택하여야 합니다.

  파비콘은 사이트의 성격과 방향을 대표하는 아이콘이기 때문에 단순한 이미지나 택스트형 보다는 의미있는 디자인이 필요합니다.