본문 바로가기
블로그&애드센스

전문성 있는 티스토리 블로그/구글 블로그(블로거)를 위한 파비콘(주소창 아이콘) 추가하는 방법

by meddy 2023. 9. 15.

내 티스토리 블로그나 구글 블로그에 파비콘(대표 아이콘)을 넣고 블로그를 전문적으로 보이는 것은 블로그 신뢰성 향상에 도움을 줍니다. 그러므로 오늘은 파비콘을 어떻게 만들고 설정하는지 알아보도록 하겠습니다. 

 

티스토리 구글 블로그 대표 아이콘 추가하기

목차

파비콘이란? 

웹 페이지에서 주소창 위에 나타나는 아이콘을 파비콘(Favicon)이라고 부릅니다.
즐겨찾기 등에서도 파비콘으로 지정한 아이콘이 나타납니다. 그리고, 휴대폰 홈에 웹페이지 바로가기를 만들어도 이 파비콘이 나타납니다. 티스토리 블로그나 구글 블로그에 파비콘을 적용하는 방법을 알아보도록 하겠습니다.

 

파비콘 생성하는 법 

파비콘은 간단하게 말해서 작은 이미지입니다. 다만 ico 확장자를 갖습니다. 이 ico 확장자를 갖는 작은 이미지를 만들기 위해서는 이미지가 필요합니다.  

 

파비콘으로 사용할 파일을 만들기 위한 단계를 안내해 드리겠습니다.

먼저, 파비콘으로 사용할 이미지 파일을 준비하신 다음, 구글 또는 다른 검색 엔진에서 'favicon'이라고 검색하시면 이미지 파일을 파비콘으로 변경해 주는 다양한 웹 페이지를 찾으실 수 있습니다.

그중 맘에 드는 사이트에서 내 이미지 파일을 업로드하고 변환을 하면 ico 파일을 줍니다. 
여러 웹 페이지에서 이미지 파일을 입력받으면 ico 파일로 변환을 해줍니다. 일부 사이트에서는 이미지 크기나 파일 크기와 관련하여 추가 조정이 필요할 수 있습니다.

 

아래의 사이트는 별도의 수정 없이 사용 가능합니다.
테스트 시 2000x2000 픽셀 크기와 2MB 이상의 파일도 정상적으로 ico 파일로 변환하였습니다.

www.favicon-generator.org 페이지를 방문하여 파비콘을 생성하실 수 있습니다.

파비콘 생성하는 사이트


위의 이미지에서 보시는 바와 같이 파일을 넣고 favicon.ico를 선택한 후 create favicon을 누르면 생성됩니다. 

이제 티스토리에 파비콘을 넣어 보겠습니다. 

 

티스토리 블로그에 파비콘 넣기

티스토리 블로그에 파비콘을 넣기 위해서는 아래와 같이 관리> 블로그로 이동후 파비콘이라고 되어있는 부분에 불러오기로 위에서 만든 파비콘을 넣어 주시면 됩니다. 

티스토리 파비콘 입력화면

그리고 잊지 말고 변경사항 저장을 눌러주시면 되겠습니다. 

 

다음으로 구글 블로그를 알아보겠습니다. 

구글 블로그에 파비콘 적용하기

구글 블로그(구글 블로거, 블로그 스팟)에 파비콘을 적용하기 위해서 먼저 blogger.com에 로그인 합니다. 

구글 블로그 파비콘 입력 화면

위의 화면에서 파비콘을 누르면 아래와 같은 파비콘을 업로드할 수 있는 화면에서 파비콘을 적용하실 수 있습니다. 

구글 블로그 블로거 파비콘 입력 화면

블로그 예쁘게 꾸며놓고 전문적으로 보여야 방문자도 늘어나고 애드센스 수익도 늘어납니다.~ 모두들 파이팅 하세요~

naver band kakaoTalk kakaostory shareLink facebook twitter