본문 바로가기
티스토리 운영

티스토리 구글 seo최적화를 위한 파비콘 만들기

by *&*^%$ 2023. 8. 7.
반응형

파비콘? 처음 들어보시는 분도 계시겠지만 이 파비콘의 위력이 대단합니다.

오늘은 눈에 띄지는 않지만 그 역할은 매우 커다란 파비콘에 대해 알아보도록 하겠습니다.

 

반응형

 

 

목차

     

     

    파비콘 만들기

    파비콘 만들기 썸네일

     

     

    파비콘 

     

    파비콘이란 웹사이트의 심벌마크라고 할 수 있습니다. 

    크기는 16x16픽셀의 사이즈로 크기는 웹사이트를 구글에게 알리는 역할을 합니다.

     

    대부분의 티스토리 블로거들은 티스토리 블로그 세팅 중 이 파비콘을 지나치고 세팅하시는 분이 대부분일 것입니다.

    구글 최적화 요소 중에 하나가 이 파비콘입니다. 구글의 최적화는 다음의 최적화만큼이나 중요한 과정입니다.

    추후에는 구글의 유입이 주를 이루어야 하니까요.

     

     

    크롤링 작업을 더욱더 원활히

     

    크롤링이란 구글에 색인작업을 위해 거치는 단계 중 하나입니다.  크롤링오류로 인해 색인이 되지 않는 경우가 많이 있으니까요. 근데 파비콘이 있으면 크롤링작업과정을 빠르게 진행시켜 주어 구글의 노출을 빠르고 원활하게 진행해 줍니다.

     

     

    파비콘 만들기

     

    파비콘을 만들기 위해 포토샾을 이용하면 편리하지만 포토샾까지 배우기에는 시간이 부족하니 지난번에 알려드린 포토스케이프로 만드는 방법을 알려드리겠습니다.

     

    최대한 간단히 알려드리겠으니 한번 만들어 보시기 바랍니다.

     

     

    포토스케이프 열기

     

    사용방법은 이전 블로그에서 알려드렸습니다. 잊어버리신 분은 아래의 링크를 통해 확인하시고 오시기 바랍니다.

     

     

     

     

    포토스케이프는 초보자 누구도 손쉽게 이용할 수 있는 사진편집 프로그램입니다.

     

     

    파비콘 만들기 - 나만의 파비콘 만들기

     

    포토스케이프를 열어서 어떤 이미지든 올려놓으세요. 삽입으로 이동합니다. 

    정사각형툴을 이용하여 원본 이미지보다 큰 정사각형을 만드세요. 파비콘은 기본적으로 정사각형 형태를 띱니다.

     

    무료이미지 사이트에서 맘에 드는 일러스트 이미지 하나를 다운로드합니다. 아래는 제가 바른 이미지입니다.

    파란 바탕위에 초록색 네잎클로버

     

    오려내기에 다운로드한 일러스트이미지를 올려줍니다.

    가운데 흰 십자가가 뜰 것이고 그 십자가가 위치한 곳을 클릭하면 희 십자가와 같은 색상값 지우기를 합니다.

    최하단의 이미지가 완전히 지워진 이미지입니다.

    1번째 포토스케이프 바란바탕의 초록색네잎클로바이미지
2번째 네잎클로바 바탕색을 지우는 이미지
3번째 초록색 네잎클로버만 있고 바탕색은 검정색

     

     

    이렇게 지워진 이미지를 파비콘 만들기 위한 정사각형 위에 얹습니다.

    바탕색이 될 붉은색 사각형의 색상을 조정해 줍니다. 저는 개인적으로 그러데이션을 이용하였습니다.

    그러데이션의 수치를 조정하여 원하는 색상을 만들어 줍니다.

     

    올려진 네 잎클로버도 편집해 줍니다.

    엠보를 주고 그림자 등을 주어 좀 더 입체적으로 만들었습니다.

     

    1번째 포토스케이프 화면 붉은 정사각형안 초록색 네잎클로버
2번째 무지개 그라데이션 사각형 안 초록색 네잎클로버
3번째 하늘색과 초록색 그라데이션 사각형 안 초록색 네잎클로버

     

    최종적으로 만들어진 세상에 하나밖에 없는 나만의 파비콘이 완성되었습니다.

    네모난 파란색과 초록색의 그라데이션 상자안에 초록색 네잎클로버

     

     

    파비콘 만들기 - 기존 이미지로 간단히 만들기

     

    다운로드한 일러스트 이미지를 이용하여 간단하게 만드는 방법도 있습니다.

     

    포토스케이프에 다운이미지를 올려주고 자르기 툴을 선택합니다.

    포토스케이프프로그램에 옮겨진 파란색 네모바탕 안 초록색 네잎 클로버

     

    자르기 옵션창에서 1x1의 비율을 클릭하고 자르기 버튼을 클릭합니다.

    파란색 바탕에 초록색 네잎클로버를 정사각형으로 자르기 시도

     

    자르기 툴을 이용해 30초 만에 파비콘을 만들어 주었습니다.

    현재 이 파비콘의 저장 방식은 png입니다. 그러나 파비콘으로 쓰려면 ico로 저장해 주어야 합니다.

     

    파란색 정사각형안 초록색 네잎클로버

     

     

    파비콘 만들기 - png저장 파비콘을 ico로 바꿔주기

     

    ico파일로 만드는 방법은 매우 간단합니다.

    아래의 링크를 타고 ico변환 프로그램으로 입장합니다.

     

     

     

     

    이 변환기의 장점은 회원가입 없이 바로 사용이 가능하다는 것입니다.

    변환 전 만들어진 파비콘의 용량을 최대한 줄여주세요.

    파비콘의 용량은 100mb로 제한되어 있습니다.

    이미지 변환기 내 붉은색 파일선택 중 파일모양에 흰색테두리

     

    1번째 파일변환기 프로그램에서 붉은 상자 안 변환글자에 흰색 점선 테두리

2번째이미지 변환완료 화면 우측에 다운로드 버튼 붉은색 점선이미지

    파일을 선택 후 원하는 파비콘이미지를 선택하고 변환버튼을 클릭해 주세요.

    변환완료라는 화면이 열리면 다운로드하시면 간단히 파비콘 ico파일이 완성됩니다.


    공부할수록 할 것이 많은 것 같습니다.

    구글 seo최적화를 위해 파비콘이 필요하다는 이야기를 보고 급하게 올려야겠다고 생각해 급히 작성한 포스팅이라 문맥이 맞지 않더라도 양해 부탁드립니다.

     

     

    반응형