무료 파비콘 ico 만들기 사이트 파비콘 변환 및 다운로드 방법

자신만의 블로그나 웹사이트를 구축하는 사람들이 많아 지면서 수 많은 웹사이트 중 본인의 사이트로 트래픽을 끌어오는 방법은 더욱 중요해졌습니다.

웹페이지 상단에 노출이 되기 위해서 SEO 점수가 높아야 하며, 파비콘도 SEO에 영향을 주는 항목 중 한가지 입니다. 이미지를 생성한 후 무료로 파비콘 ico 변환하는 방법을 자세히 소개해 드리겠습니다. 

파비콘 이란

파비콘이란 웹페이지 또는 웹사이트를 대표하는 작은 아이콘을 뜻합니다. 즐겨찾기 아이콘의 줄임말이기도 한 파비콘은 주로 웹 브라우저 상단에 있는 탭에 표시하는 용도로 사용합니다.

파비콘은 웹사이트의 브랜드 인식을 높이는데 도움이 되며, 사용자가 웹페이지에서 검색결과를 확인 할 때 브라우저 목록에서 돋보이게 하는용도로도 사용됩니다. 

파비콘은 16*16, 32*32, 48*48, 64*64 픽셀의 다양한 크기로 만들 수 있고, 8비트부터 32비트의 색상을 사용할 수 있습니다. 

파비콘 파일의 확장자는 ico, png, gif, webp 로 구분됩니다.

파비콘이 seo에 미치는 영향

파비콘은 웹사이트의 브랜드 인식과 가독성을 높이는데 도움이 되기 때문에 SEO에 긍정적인 영향을 미칠 수 있습니다. 

파비콘을 사용하면 사용자가 웹사이트릐 브랜드를 쉽게 기억할 수 있으며 검색결과에서 돋보이게 하여 사용자의 관심을 끌로 트래픽을 끌어 올릴 수 있습니다. 

CTR 증가

검색 결과의 클릭률(CTR)을 높일 수 있습니다. 파비콘이 있는 웹사이트는 검색 결과에서 파비콘이 없는 웹사이트보다 CTR이 높다는 연구 결과가 있습니다. 이는 파비콘이 웹사이트의 브랜드 인식과 가독성을 높이고, 사용자의 관심을 끌기 때문입니다.

신뢰성과 전문성

웹사이트의 신뢰성과 전문성을 높일 수 있습니다. 파비콘은 웹사이트의 품질을 나타내는 한 가지 지표로 간주됩니다. 따라서, 파비콘이 있는 웹사이트는 파비콘이 없는 웹사이트보다 신뢰성과 전문성이 높다고 평가받을 수 있습니다.

파비콘 디자인

블로그스팟, 워드프레스, 티스토리 블로그에 파비콘을 적용하기 위해서는 먼저 이미지를 생성해야 합니다. 

본인이 원하는 이미지를 편집할 수 있는 사이트는 여러 곳이 있고, 그 중에서 초보자가 이용하기 편리한 미리캔버스를 기준으로 설명해 드리겠습니다. 아래의 링크를 통해 해당 페이지로 이동하실 수 있습니다.

미리캔버스 이미지 편집화면 바로가기

1. 이미지 편집하기

미리캔버스 사이트에 접속하면 중앙에 흰색 캔버스가 있습니다.  기본적으로 정사각형 캔버스가 셋팅되어 있는데, 파비콘은 정사각형에 최적화 되기 때문에 캔버스 모양은 변경하지 않고 사용하시길 추천드립니다. 

그 캔버스에 본인이 파비콘으로 만들 이미지를 완성하면 되는데, 예를들어 불꽃 모양의 파비콘을 만든다면 [왼쪽 메뉴 - 요소 - '불꽃'이라고 검색]을 합니다.

여러 모양의 불꽃 중 가장 마음에 드는 것을 클릭하면 중앙에 있는 캔버스에 해당 이미지가 붙여넣기 됩니다. 

한 가지 요소만 사용할 경우 저작권의 문제로 저장이 되지 않기 때문에 최소 2개 이상의 요소를 결합해 이미지를 만들어야 합니다. 

2. 다운로드 하기

오른쪽 상단에 [다운로드]를 클릭한 다음 투명배경으로 이미지를 저장할지 여부를 선택 후 진행합니다. 투명한 배경으로 선택하지 않을경우 기본색은 흰색 배경으로 저장됩니다. 

무료 파비콘 만들기

무료 파비콘 사이트는 여러 곳이 있지만, 유료로 사용을 하거나 일정 횟수만 무료로 사용이 가능한 사이트는 저는 사용을 지양합니다. 

아래의 사이트는 횟수 제한 없이 무료로 파비콘 변환이 가능한 곳이니 유용하게 사용하시기 바랍니다.

파비콘 생성기 사이트 Favicon generator 

1. 이미지 선택 

[파일선택]을 클릭한 후 미리캔버스에서 생성한 이미지를 선택합니다. 

2. 파비콘 ico 변환

상단 이미지에서 [Create Favicon]을 클릭하면 이미지가 파비콘 ico 확장자로 변환됩니다. 

3. 다운로드

다음과 같이 내가 선택한 이미지가 여러 크기의 파비콘으로 변환되어 생성됩니다. 

[Download the generated favicon]을 클릭한 후 컴퓨터에 저장합니다. 

블로그에 파비콘 적용

Favicon 만들기가 끝났다면 이제 블로그에 적용할 차례입니다. 티스토리 블로그와 구글 블로그스팟 모두 파비콘을 적용한 후 즉시 반영이 되지 않을 수 있습니다. 

열려있는 웹페이지를 모두 닫고 다시 실행하시거나 대략 몇 분 후 확인하면 파비콘이 적용된 모습을 확인하실 수 있습니다. 

1. 티스토리 블로그

티스토리 블로그의 메뉴 중 [블로그]를 클릭하면, 파비콘이라는 부분 오른쪽에 [불러오기]버튼이 보입니다. 해당 버튼을 클릭한 후 파비콘으로 설정할 이미지를 선택합니다.

[불러오기]버튼 아래에 있는 [변경사항 저장]을 클릭하면 설정이 완료됩니다. 

2. 구글 블로그스팟 

구글 블로그스팟 왼쪽 메뉴 중 [설정]을 클릭합니다. 설정 가능한 여러 항목 중에서 [파비콘]을 선택합니다. 

파비콘 사이즈 선택

이전 단계에서 컴퓨터에 저장했던 파비콘 이미지 중에서 한 가지를 선택하는데, 저는 주로 32*32 또는 70*70 사이즈로 파비콘 이미지를 사용합니다. 

너무 작은 사이즈의 이미지를 파비콘으로 설정하면 이미지가 깨지는 현상이 발생하니 참고하시기 바랍니다. 

이미지를 선택하셨다면 [저장]버튼을 클릭합니다.