구글블로그 파비콘 설정방법과 적용 해야하는 이유

이 글에는 제품소개로 수익금을 얻는 링크가 포함되어 있습니다.

파비콘은 무엇이고 왜 설정해야 하나요?

웹사이트를 방문하다 보면 브라우저 탭에 표시되는 작은 아이콘을 본 적이 있으실 겁니다. 이것이 바로 '파비콘(Favicon)'입니다. 파비콘은 'Favorite Icon'의 줄임말로, 웹 브라우저의 주소창, 탭, 북마크 목록 등에 표시되는 작은 이미지입니다. 16x16 픽셀 크기의 작은 아이콘이지만, 웹사이트의 브랜드 아이덴티티를 표현하는 중요한 요소입니다. 이것이 있고 없고의 차이가 전문적인 웹사이트나 블로그를 표현한다는 생각이 들게 됩니다.

많은 블로거와 웹사이트 운영자들이 파비콘 설정을 간과하곤 합니다. 하지만 파비콘은 단순한 장식이 아닌, 사용자 경험과 브랜드 인지도에 직접적인 영향을 미치는 요소입니다. 사용자가 여러 탭을 열어두었을 때 파비콘은 빠르게 원하는 사이트를 식별할 수 있게 도와주며, 북마크된 사이트들 사이에서도 쉽게 구분할 수 있게 해줍니다. 전문적으로 완성된 웹사이트라는 인상을 주어 신뢰도를 높이는 데도 기여합니다.

그렇다면 블로그나 웹사이트에 파비콘을 어떻게 설정하고, 어떤 점을 고려해야 할까요? 이번시간에는 파비콘의 중요성과 효과적인 설정 방법에 대해 자세히 알아보겠습니다.

도움을 받을 수 있는 사이트 살펴보기

파비콘을 직접 만들수 있지만 포토샵이나 그래픽툴을 가지고 편집을 해야하거나 직접 로고를 만들어서 파비콘을 만들어야 합니다. 이렇게 이런말만 들어도 머리가 아파오는 분들 많으실겁니다. 하지만 이렇게 어렵게 만들지않고 도움을 받아서 쉽게 만들 수 있는 방법이 있어요.

로고제작 사이트

로고부터 만들어볼까요? 로고를 만들어볼 수 있는 여러사이트가 있는데 그중 몇군데를 추천드리니 직접 방문하셔서 나에게 맞는 로고를 만들어보세요. 로고는 내 블로그를 브랜딩하는데 도움을 줄 수 있고 방문자가 쉽게 기억할 수 있는 좋은 무기가 됩니다.

1. Design.com

여러가지의 형태별 로고들을 만들어볼 수 있고 ai에게 요구하여 더욱 내가 원하는대로 로고를 만들수 있는 사이트입니다.

2. Logomaster.ai

디자인 기술이 없어도 프로처럼 보이는 로고를 쉽게 만들 수 있어요. 편집도 간단하고 빠르게 할 수 있답니다.

3. SologoAI

AI로 로고를 만들어주는데, 디지털과 인쇄용 로고 둘 다 만들 수 있어요. 다국어 지원도 되어서 브랜드를 더 돋보이게 할 수 있죠.

4. LogoAI.ai

이 사이트는 텍스트를 로고로 바꿔주는 데 강점이 있어요. 다양한 맞춤 설정 옵션도 있어서 원하는 대로 로고를 만들 수 있어요. 

5. 미리캔버스

미리캔버스는 다양한 템플릿과 간단한 드래그 앤 드롭 기능을 통해 누구나 쉽게 로고를 만들 수 있는 디자인 플랫폼입니다.

6. 캔바

캔바는 사용자 친화적인 인터페이스와 수많은 무료 템플릿을 제공하여 디자인 지식 없이도 손쉽게 로고를 만들 수 있는 도구입니다.

이외에도 다양한 로고만들기사이트가 있습니다. 자신에게 맞는 사이트에서 로고를 간단하게 디자인해보세요. 우리는 여기서 파비콘을 만들어야하기에 제블로그처럼 로고와 사이트명을 동시에 표기하는 디자인1개, 로고만 있는 디자인1개 등이 필요할 수 있습니다.

저는 이렇게 제작된 로고를 아래와 같이 준비하였습니다. 구블가이드라는 명칭에 맞게 Blog의 B를 약간 구블구블하게 디자인된 폰트를 사용해서 표현해보았습니다. 이걸로 파비콘을 만들어볼게요.

정사각형의 로고이미지를 만들었다

파비콘 만들기 사이트

파비콘을 그래픽프로그램을 통해서 만들수 있기는 하지만 더 편리하고 간편하게 이미지를 업로드만해주면 알아서 파비콘 .ico파일로 만들어주는 사이트들이 꽤나 있습니다. 이 사이트들을 활용하여 파비콘을 제작해볼게요. 아래는 파비콘 만들어주는 사이트 목록입니다. 원하는곳을 골라서 제작해보세요.

1. Favicon Generator

다양한 이미지 형식을 지원하며, 간단한 드래그 앤 드롭으로 파비콘을 생성할 수 있는 도구입니다.

2. Aha Icon

텍스트와 이모지를 사용하여 다양한 크기의 파비콘을 쉽게 생성할 수 있는 도구입니다.

3. Favicon & App Icon Generator

PNG, JPG, GIF 파일을 ICO 형식으로 변환하여 파비콘과 앱 아이콘을 생성할 수 있는 도구입니다

4. wizlogo

직관적인 인터페이스로 접속해서 바로 이미지를 업로드하고 결과의 파일을 받을 수 있는 도구입니다.

저는 가장 하단의 wizogo사이트에서 파비콘을 만들어볼게요. 사이트에 접속합니다. 메인페이지에 바로 이미지를 업로드하는 버튼이 보입니다. 클릭하여 이미지를 선택해줍니다. 

이미지를 업로드하였다면 하단의 32x32 favicon(ICO) 파일 생성과 웹사이트, iOS, Windows, Android 용 아이콘 생성중 선택가능한데 저는 두개다 하나씩 설정하여 모두 다운로드 받는것을 추천드립니다. 나중에 사용할때를 대비해서 한번에 만들어 두는것이 좋겠습니다.

일으키다 버튼을 누르고 다운로드파일을 저장해줍니다.

다운로드 받은 파일을 압축해제하면 다음과 같이 폴더에 다양한 이미지가 생성됩니다. 

파비콘 업로드하기

이제 생성된 파비콘으로 구글블로그에 업로드하겠습니다. 블로그관리자페이지에서 설정 → 파비콘으로 이동하여주세요.

업로드창이 뜨면 아이콘 파일 선택을 클릭합니다.

.ico파일을 선택하여 업로드합니다.

파비콘파일이 등록된 모습을 확인할 수 있습니다.

어떤가요? 생각보다 간단하게 등록할 수 있죠? 이제 여러분의 블로그도 접속하면 네이버나 구글처럼 웹사이트의 아이콘을 표시해주게 됩니다. 왠지 동등한 느낌을 가지는건 나만의 착각이겠지만 뭔가 뿌듯한 느낌이 드는 작업니다.

이 글의 카테고리 : 꾸미기팁