본문 바로가기

부업/블로그

티스토리 아이콘 파비콘 포토샵 없이 10분 만에 해결

티스토리 블로그를 처음 시작하는 분들이라면 블로그 이름, 주제, 기본 설정 등 알아야 할 것이 너무 많습니다. 

저도 인터넷을 찾아보며 이것저것 공부해 봤지만  정말 시작하기도 전에 지칠 정도입니다.

그래서 티스토리 블로그를 처음시작하는 분들을 위해  꿀팁을 준비했습니다.

오늘 설명할 내용은 아이콘과 파비콘을 제작하고 내 블로그에 설정하는 방법입니다.

 

 

블로그 설정에서 아이콘과 파비콘을 보면 옆에 최적사이즈와 파일형식이 어떻다고 쓰여있고

인터넷을 검색해 보면 '포토샵으로 제작해야 한다.', '이런 파일 형식으로 저장해야 한다.' 등 말이 많습니다.

누군가는 바로  이해가 되겠지만, 대부분의 사람들은 바로 이해하기 어렵고 용어도 어려울 것이라고 생각합니다. 

 

 

그래서 우리는 최대한 간단하고 쉽게 아이콘과 파비콘을 제작할 것이고 설정방법도 쉽게 보여드리겠습니다. 

정말 10분이면 가능합니다. 

 

 

먼저, 아이콘과 파비콘이 무엇인지 간단히 설명해 볼게요.

아이콘은 게시글, 댓글을 남길 때 닉네임 옆에 작은 아이콘을 의미하고

파비콘은 인터넷 페이지에 접속 시 탭에 달리는 아이콘을 의미합니다.

아이콘과 파비콘을 설정하면 자신의 블로그의 로고를 시각적으로 표현할 수 있으며 브랜딩에 효과적입니다. 

다른 블로그와 차별화가 가능하고 블로그가 관리되고 있다는 점을 보여줄 수 있습니다. 

또한, 애드센스 승인을 준비하는 블로그라면 아이콘과 파비콘 설정이 도움이 된다는 설도 있습니다. 

위의 이유로 많은 블로거가 아이콘과 파비콘을 제작하고 설정해 놓는 것입니다. 

 

 

이제 준비되셨다면 시작해 볼게요. 

 https://hatchful.shopify.com

 

FREE Logo Maker - Create a Logo in Seconds - Shopify (2023)

Free Logo MakerCreate professional logos in secondsIntroducing Hatchful - the custom logo maker.Create a Logo NowDesign a logo from hundreds of templatesCreate professional logosHigh-resolution logos in just a few clicksHatchful is a logo maker built for e

www.shopify.com

hatchful 사이트 메인 화면

위의 주소로 접속합니다. 영어이기 때문에 한글로 보이게 바꿔줍니다.(마우스를 우클릭하고 '한국어로 번역'을 클릭

 

  1. 회원가입을 해줍니다. 본인이 사용하는 이메일을 입력하고 아래 비밀번호를 설정합니다.
  2. 메인 화면에서 지금 로고 만들기를 클릭합니다.
  3. 비즈니스 공간을 한 개 선택합니다. 블로그 주제와 관련이 있는 것을 고르면 됩니다.
  4. 시각적 스타일을 선택합니다. 시각적 스타일은 3개까지 선택이 가능합니다. 선택한 스타일을 빼고 싶다면 다시 한번 클릭하면 됩니다. 
  5. 다음으로 업체명에는 블로그 이름이나 닉네임을 넣어주고 슬로건은 선택적 사항이니 블로그 주제에 따라 적어주시면 됩니다. 
  6.  마지막으로 로고가 사용될 항목을 고르면 됩니다. 유튜브나 블로그 같은 경우에는 소셜미디어에 체크를 하면 됩니다. 

hatchful 사이트의 로고만들기 클릭 화면

그리고 다음을 누르면 나를 위한 로고가 생성되었습니다. 여기서 마음에 드는 로고를 골라도 되고

마음에 드는 로고가 없다면 왼쪽 상단에 '뒤쪽에'를 클릭하여 위의 3번부터 다시 시작하면 됩니다. 

로고를 고른 후에도 업체명이나 글꼴, 색, 아이콘 등이 변경가능합니다. 

최종 선택을 하게 되면 가입했던 이메일로 파일을 받을 수 있습니다. 그리고 알집을 풀어서 로고와 아이콘에 적용하면 됩니다. 

hatchful 사이트에서 로고 제작 후 다운로드를 받는 화면
hatchful 사이트에서 로고 제작 후 다운로드를 받는 화면

 

 

다음은 파비콘 제작 방법입니다. 

 https://www.favicon-generator.org

 

Favicon & App Icon Generator

Upload an image (PNG to ICO, JPG to ICO, GIF to ICO) and convert it to a Windows favicon (.ico) and App Icons. Learn more about favicons.

www.favicon-generator.org

파비콘 제작 사이트 메인 화면

 

  1. 파일 선택을 클릭하여 위에서 만든 아이콘을 하나 클릭합니다. 
  2. 그 옆에 '파비콘 만들기' 버튼 클릭
  3. 생성된 파비콘을 다운로드합니다.

파비콘 제작 후 다운로드 받는 화면

 

이제 파비콘이 생성되었습니다. 다운로드된 파일의 압축을 풀어주세요.

이제 블로그 관리에 들어가서 파비콘 불러오기를 누르면 하나의 파일만 보입니다. 그 파일을 선택하면 됩니다.

 

 

마지막으로 변경사항 저장 꼭 눌러주세요.