Ticker

50/recent/ticker-posts

'파비콘' 확장자 전환없이 쉽게 만드는 방법

'파비콘(Favicon)'을 이용하면 운영하는 웹사이트나 웹페이지 상단에 원하는 아이콘을 게재할 수 있습니다. 파비콘의 의미는 'Favorites + Icon' 입니다. 구글 블로거스팟에서는 별도의 확장자 전환없이 'png파일'로도 파비콘을 등록해서 사용할 수 있습니다.

 구글 블로거스팟용 파비콘 만들기(png파일)


 1. 파비콘 이미지 제작 (png파일)

    1) 포토샵 등 이미지 제작 프로그램을 켠다. 
    2) 새창 크기를 < 32 X 32픽셀 >로 만든다. 
    3) 32 X 32픽셀 크기의 사각형에 원하는 형태를 그린다. 
    4) 형태가 완성되면 png파일로 저장한다. 

 2. 구글 블로그스팟에 파비콘 등록

    1) 관리 페이지 하단의 <설정> 클릭!
    2) 기본정보 맨 아래에 있는 <파비콘> 클릭!
    3) 만들어 둔 파비콘 파일(png)을 찾아서 업로드
    4) 화면에 뜬 파비콘을 확인 후 <저장>하면 등록 완료!


◼️ 이미지로 보는 '파비콘 만들기'

새창 크기를 32x32픽셀로 설정합니다.
<새창 크기를 32x32픽셀로 설정한 모습> 


파비콘은 16 X 16픽셀 또는 32 X 32픽셀로 제작할 수 있습니다. 저는 32 X 32픽셀로 만들었는데 이 사이즈가 형태를 그리기에는 더 좋았습니다. 

구글 블로그스팟 설정페이지에 있는 파비콘 등록 위치
<설정 페이지의 파비콘 등록 위치>


구글 블로그스팟 관리 페이지 하단의 <설정>을 클릭하면, 오른쪽에 기본정보 그룹이 나옵니다. 기본정보 맨 아래에 있는 <파비콘>을 찾아서 클릭해 주세요.
 
최대한 단순한 형태로 만드는 것을 추천합니다. 크기가 작아서 대각선, 원, 삼각형은 테두리가 깔끔하게 되지 않습니다. 같은 사이즈의 '원'과 '사각형'을 그려보면 아래의 이미지처럼 보입니다. 

원과 사각형을 비교하면 사각형 외곽이 깔끔하게 떨어진다.
<같은 크기의 원과 사각형 비교>











파비콘 이미지 파일(png)이 완성되면 파일을 업로드해 주세요. 화면에 뜬 파비콘 이미지를 확인한 후, <저장> 버튼을 클릭하면 등록이 완료됩니다. 등록 후, 파비콘은 해당 사이트의 상단에 표시되고 크롬 북마크에도 잘 적용됩니다. 

구글 블로그스팟에 파비콘이 등록된 모습
<파비콘 등록>


파비콘이 삽입되는 위치
<파비콘 적용 위치>





댓글 쓰기

0 댓글