l3khub.com

미리캔버스를 활용한 블로그스팟 파비콘 만들기 및 설정하기

파비콘은 웹사이트와 블로그를 대표하는 아이콘으로 사용됩니다. 이번 편에서는 블로그스팟 블로그에 사용자가 만든 파비콘이 표시되도록 설정하는 방법과 미리캔버스를 활용하여 자신만의 파비콘을 만드는 방법에 대해 자세히 알아보도록 하겠습니다.

미리캔버스를-활용한-블로그스팟-파비콘-작성-및-설정

미리캔버스를 활용한 블로그스팟 파비콘 만들기 및 설정하기




파비콘(favicon)은 웹사이트를 대표하는 아이콘으로, 인터넷 서핑을 하다보면 주소창에 나타나는 아이콘을 볼 수 있는데 이를 파비콘(favorite + icon)이라고 합니다. 그런데 블로그스팟 블로그를 하시는 대부분이 자신의 블로그 파비콘을 바꾸는 것을 생각조차 하지 않는 것 같습니다. 이번 글에서는 파비콘을 만드는 것이 어려워서 못하시거나 아예 생각지도 않으셨던 분들을 위해 미리캔버스를 활용한 파비콘 만들기와 블로그 스팟 블로그에 설정하는 방법까지 알아보도록 하겠습니다.

1. 미리캔버스로 파비콘 만들기

우리가 구글이나 네이버처럼 멋진 파비콘을 만들기는 어렵지만 블로그의 이니셜을 알파벳이나 한글을 사용하여 파비콘으로 만드는 것은 쉽습니다.  

이 글에서는 많은 분들이 사용하시고 무료인 미리캔버스를 활용하여 파비콘을 만들도록 하겠습니다. 

미리캔버스에 사용자등록 및 로그인을 하시고 아래와 같이 “설정” 옆에 있는 캔버스 사이즈 설정 메뉴를 클릭하여 사이즈를 360x360으로 입력하고 적용하기를 클릭합니다.   

미리캔버스에서-360x360으로-캔버스-사이즈설정

캔버스가 360x360 사이즈로 설정이 되었다면 아래와 같이 "텍스트" 클릭후 원하는 폰트를 선택하여 블로그의 이니셜을 입력합니다. 폰트의 크기는 가능한 캔버스와 최대한 일치하도록 설정하는 것이 중요한데, 왜냐하면 우리가 만드는 파비콘의 사이즈는 360x360이지만, 블로그스팟에 업로드를 하면 16x16 로 변경되기 때문입니다.  

그렇다면 처음부터 16x16 사이즈로 만들면 되지 않아? 라는 의문을 가지신 분들도 계실텐데, 16x16 사이즈는 만들기도 어렵고 선명하게 보이지 않아 조금 더 큰 사이즈로 만드는 것이 효과적입니다.  

저는 파비콘의 “F” 를 보라색으로 아래와 같이 만들었습니다.  디자인 역량이 있으신 분들이라면 도형을 사용하여 자신만의 파비콘을 만드시는 것을 추천드립니다. 

미리캔버스에서-F를-사용하여-파비콘-작성

원하는 디자인으로 파비콘 이미지를 만드셨다면 아래와 같이 PNG, 투명배경를 선택하신 후 고해상도 다운로드를 클릭하여 이미지 파일을 다운로드 합니다.  

미리캔버스에서-만든-파비콘-이미지-다운로드

위의 과정을 따라하셨다면 이제 본인의 블로그스팟 블로그에 업로드할 파이콘은 준비가 된 것입니다.  

2. 블로그스팟 파비콘 설정하기

블로그스팟 블로그에 로그인을 하신후 아래와 같이 설정 → 파비콘을 클릭합니다. 

블로그스팟-블로그에서-설정-파비콘-클릭

“파일 선택”을 클릭해서 방금 만든 파비콘을 선택하여 업로드하고 저장을 클릭하면 블로그스팟 블로그의 파비콘 설정이 완료된 것입니다.  너무나 쉬워서 당황하실 수도 있으실 것 같네요.

블로그스팟-블로그에-방금-만든-파비콘-설정

이제 본인이 디자인한 파비콘이 정상적으로 보이는지 블로그에 들어가 보도록 하겠습니다.  

본인이-만든-파비콘이-정상적으로-디스플레이되는-것을-확인

위와 같이 제가 만든 파비콘으로 변경이 되었습니다. 만약 변경한 파비콘이 보이지 않는다면 브라우저의 인터넷 사용기록에 해당 블로그가 캐시되어 있기 때문인데, 브라우저 "설정"에 들어가서 캐시파일을 정리(삭제)하시고 다시 블로그에 들어가 보시면 정상적으로 보이실 겁니다. 


오늘은 위와 같이 미리캔버스를 활용하여 자신만의 파비콘을 만들고 블로그스팟에 설정하는 방법에 대해서 알아보았습니다. 본인만의 개성있는 파비콘을 만들어서 사용해 보세요. 블로그가 더 멋있어 보일 겁니다. 



To Top