티스토리 파비콘 무료로 만드는 방법

안녕하세요. 오늘은 티스토리의 파비콘을 무료로 만드는 방법을 알아보겠습니다.

etc-image-0

 

파비콘이란?

원래 파비콘(영어: favicon, 'favorites + icon') 또는 패비콘은 즐겨찾기에 저장하는 아이콘이라는 뜻으로 시작되었는데요.

실제로 인터넷 웹 브라우저의 주소창에 표시되는 웹사이트나 웹페이지를 대표하는 아이콘입니다.

아래와 같이 새로운 파비콘을 적용한 상황입니다.

etc-image-1

그리고 티스토리의 경우 티스토리 블로그 관리자 페이지 -> 관리 - > 블로그 ->  블로그 설정에 가시면 

아이콘과 파비콘을 선택할 수 있습니다.

etc-image-2

파비콘은 여러 사이트에서 무료로 제작이 가능한데요.

파비콘 무료로 만드는 방법

저는 이중에서 아래 사이트에서 파비콘을 만들어보앗씁니다.

https://formito.com/tools/favicon

 

Build your favicon in seconds!

Design a letter-based favicon like most big tech companies, or be playful and create an emoji-based favicon. Modern browsers supports SVG favicon. Be creative.

formito.com

사이트에 가시면 원하는 글자 또는 이미지를 넣고 파비콘을 제작이 가능한데요.

저는 Doru라는 글자를 넣고 만들어보았습니다.

etc-image-3

그리고 글자 이외에 Emoji를 선택하면 다양한 이모티콘을 통해 파비콘을 생성할수도 있습니다.

etc-image-4

폰트는 All fonts를 누르면 구글 폰트에서 원하는 폰트를 선택할 수 있게 하는데요.

이때 원하는 폰트를 선택해서 넣어주시면 됩니다.

etc-image-5

폰트를 정할때 실제로 Doru라고 치면 어떻게 나오는지를 확인해볼수 있는데요.

이를 통해서 보다 편리하게 선택할 수 있습니다.

etc-image-6

그리고 사이즈를 정하고 원하는 색깔을 정해주시면 파비콘 만들기가 끝납니다.

etc-image-7

그리고 저장은 PNG나 SVG로 저장하시면 되는데요.

저장한 파일을 아까 위에서 알아본 티스토리 블로그 설정에서 파일 업로드하시면 적용이 모두 끝납니다.

혹시 브라우저 캐시가 남아 있어서 바로 적용이 안될 수 있는데요.

그 때에는 브라우저를 껐다가 다시 접속하시면 정상적으로 표시가 됩니다.

오늘은 이렇게 파비콘 설정하는 방법을 알아보았는데요.

블로그의 상징이 될 수 있으니, 신중하게 선택해서 적용하시면 좋을것 같습니다.

그럼 즐거운 하루 보내세요

728x90

해당 블로그에서 발행되는 콘텐츠 중 일부 글에는 제휴 및 홍보 관련 링크가 포함될 수 있으며, 파트너스 활동의 일환으로 일정액의 수수료를 받을 수 있습니다.

dorudoru님의
글이 좋았다면 응원을 보내주세요!