본문 바로가기
blog/운영 팁

티스토리 블로그에 파비콘을 등록해보자.

by Dreaming Coder 2020. 12. 15. 20:25

 


이 포스팅은 PC로 작성되었습니다.

모바일로 보시는 분들에게는 가끔

줄 바꿈이 어색하게 보일 수 있습니다.

 


 

 

 

파비콘이란?

 

인터넷 창의 상단을 보면 이렇게 사이트마다 고유의 아이콘들이 있습니다.

열려있는 웹페이지의 제목 옆에 있는 아이콘들 말이죠.

이것들을 파비콘이라고 합니다.

 

구글 애드센스와 유튜브, 구글 드라이브와 저의 본 블로그에는 파비콘이 등록되어있지만,

지금 현재의 블로그에는 아직 파비콘이 등록이 되어있지 않은 것을 볼 수가 있습니다.

 

 

 

파비콘 만들기

 

 

일러스트레이터, 스케치 불러오기

이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 줄 바꿈이나 문단의 나눔 등이 어색하게 보일 수 있습니다. 교재를 만든다는 느낌으로 기초부터 차근차근 포스팅하고 있습니다.

mystee.tistory.com

 

일러스트레이터, 도트 찍기 (feat. Rectangular Grid Tool)

이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 줄 바꿈이나 문단의 나눔 등이 어색하게 보일 수 있습니다. 교재를 만든다는 느낌으로 기초부터 차근차근 포스팅하고 있습니다.

mystee.tistory.com

 

일러스트레이터, 도트 찍기 2 (feat. Rectangular Grid Tool)

이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 줄 바꿈이나 문단의 나눔 등이 어색하게 보일 수 있습니다. 교재를 만든다는 느낌으로 기초부터 차근차근 포스팅하고 있습니다.

mystee.tistory.com

 

포토샵, 사진 크기 변경하기

이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 줄 바꿈이나 문단의 나눔 등이 어색하게 보일 수 있습니다. 포토샵을 실행시킨 후, 상단 메뉴의 File > Open... 을 클릭하거나 단축키

mystee.tistory.com

일러스트레이터와 포토샵 등을 이용해서 64 × 64 픽셀 이내의 사이즈의 아이콘을 PNG 확장자로 저장시켜둡니다.

배경은 물론 투명하게 만들어주셔야 합니다.

누군가가 만들어놓은 것을 저장해서 쓸 수도 있지만, 저작권에 문제가 없는지는 잘 알아봐야겠습니다.

 

 

 

 

 

 

 

ConvertICO.com - Convert PNG to ICO and ICO to PNG files

This free online icons converter allows you to convert PNG to ICO files with ease.

convertico.com

위의 사이트로 들어가면 아래와 같은 첫 화면이 나오는데요,

화살표로 표시한 톱니바퀴를 클릭하면 사이즈 체크박스가 뜹니다.

 

 

 

사이즈를 지정해줍니다. 최대 64 이내가 좋습니다.

 

 

 

화살표가 가리키고 있는 곳을 클릭해서 만들어둔 파일을 열어줍니다.

화살표가 가리키고 있는 곳 바로 아래의 http:// 이라고 쓰여있는 곳에

웹상에 있는 파일의 주소를 입력해도 만들 수도 있습니다.

 

 

 

완료 되었습니다. 클릭해서 다운로드합니다.

 

 

 

블로그 관리로 들어가서 파비콘을 등록하고 변경사항 저장까지 클릭합니다.

 

 

 

그리고 블로그를 새로고침 하면 이렇게 파비콘이 뜨게 됩니다~

 

너무 정교하고 큰 이미지를 작게 줄여서 파비콘으로 만들면 보이게 예쁘지가 않으니

처음부터 작게 만드시는 것을 추천합니다.

 

 

 

 

 

 

 

티스토리 최적화 1편, 검색사이트(구글, 네이버)에 블로그를 등록해보자.

이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 구글에 티스토리 블로그 등록하기 Google Search Console Search Console 도구와 보고서를 사

gogogameboy.tistory.com

 

 

 


이 글이 도움이 됐다면 하단의 공감 버튼을 꾹 눌러서
빨간 하트로 만들어주세요.
지인에게 보여주고 싶은 글이었다면
공감 버튼 옆을 클릭해서 SNS 공유해주세요.
댓글은 블로그 운영에 큰 힘이 됩니다.

 


 


댓글