Favicon 또는 즐겨 찾기 아이콘 추가하기

독자가 사이트를 북마크 할 때 맞춤 아이콘 설정

북마크 및 일부 웹 브라우저의 탭 표시에 나타나는 작은 아이콘을 본 적이 있습니까? 이를 즐겨 찾기 아이콘 또는 favicon이라고합니다.

파비콘은 웹 사이트 마케팅의 중요한 부분이지만 사이트가없는 사이트가 얼마나 많은지 놀랄 것입니다. 이는 상대적으로 쉽게 만들 수 있으므로 특히 사이트에 그래픽과 로고가 이미있는 경우에 특히 불행합니다.

Favicon 만들기 처음으로 이미지 만들기

그래픽 프로그램을 사용하여 16 x 16 픽셀의 이미지를 만듭니다. 일부 브라우저는 32 x 32, 48 x 48 및 64 x 64를 비롯한 다른 크기를 지원하지만 지원하는 브라우저에서 16 x 16보다 큰 크기를 테스트해야합니다. 16 x 16 크기가 매우 작으므로 사이트에서 사용할 이미지를 만들 때까지 여러 버전을 시험해보십시오. 많은 사람들이하는 한 가지 방법은 작은 크기보다 훨씬 큰 이미지를 만든 다음 크기를 조정하는 것입니다. 이 방법은 효과적 일 수 있지만 크기가 큰 이미지는 수축시 잘 보이지 않는 경우가 많습니다.

우리는 작은 크기로 직접 작업하는 것을 선호합니다. 그러면 이미지가 어떻게 끝까지 보일지 훨씬 명확 해집니다. 그래픽 프로그램을 축소하고 이미지를 빌드 할 수 있습니다. 축소하면 고르지 않게 보일 것입니다. 그러나 축소되어 있지 않을 때는 명확하지 않기 때문에 괜찮습니다.

이미지 를 원하는 이미지 파일 형식 으로 저장할 수 있지만 아래에 설명 된 많은 아이콘 생성기는 GIF 또는 BMP 파일 만 지원할 수 있습니다 . 또한 GIF 파일 은 평면 색상을 사용하며 JPG 사진보다 좁은 공간에서 더 잘 나타납니다.

Favicon 이미지를 아이콘으로 변환하기

허용되는 이미지가 있으면 아이콘 형식 (.ICO)으로 변환해야합니다.

아이콘을 빨리 구축하려는 경우 FaviconGenerator.com과 같은 온라인 Favicon 생성기를 사용할 수 있습니다. 이러한 생성기에는 아이콘 생성 소프트웨어만큼 많은 기능이 없지만 신속하고 몇 초 안에 파비콘을 얻을 수 있습니다.

Favicon을 PNG 이미지 및 기타 형식으로

점점 더 많은 브라우저가 ICO 파일 그 이상을 아이콘으로 지원하고 있습니다. 현재 PNG, GIF, 애니메이션 GIF, JPG, APNG 및 심지어 SVG (Opera에만 해당)와 같은 형식으로 favicon을 사용할 수 있습니다. 대부분의 브라우저에서 이러한 유형의 지원 문제가 있으며 Internet Explorer는 .ICO 만 지원합니다 . 아이콘에 IE가 나타나려면 ICO를 사용해야합니다.

아이콘 게시

아이콘을 게시하고 웹 사이트의 루트 디렉토리에 업로드하기 만하면됩니다. 예를 들어 Thoughtco.com 아이콘은 /favicon.ico에 있습니다.

일부 브라우저는 웹 사이트 루트에있는 경우 favicon을 찾지 만 가장 좋은 결과를 얻으려면 favicon을 사용할 사이트의 모든 페이지에서 링크를 추가해야합니다. 또한 favicon.ico 이외의 다른 파일을 사용하거나 다른 디렉토리에 저장할 수 있습니다.