파비콘 만들기 : 파비콘 3분완성

안녕하세요. 

오늘은 파비콘 만들기에 대해서 알아보겠습니다. 

시작하기 앞서, 파비콘(Favicon)이 뭔지에 대해서 알아볼까요. 파비콘(Favicon)은 Favorite Icon의 합성어라고 합니다. 파비콘의 예로는 "바로가기 아이콘" "웹사이트 아이콘" "URL 아이콘" 등이 있습니다. 

저도 제 티스토리 파비콘을 만들어 봤는데요, 잘 따라오시면서 하시면 3분 이내에 만드실 수 있습니다. 

일단 아래의 사이트로 들어가주세요!

favicon.io/

들어가시면, 사이트가 영어로 되어있어요. 놀라지 마시고! 잘 따라와 주세요 :) 아래 사진과 같이 파비콘 생성기 (Favicon Generators)가 보일 겁니다. 거기서 원하시는 걸로 하시면 돼요. 오늘은 TEXT -> ICO으로 해보겠습니다.

 

TEXT -> ICO을 클릭하시면 아래와 같은 창이 뜰 겁니다. 

 

 

여기서 먼저 "Text는 입력 할 글자"입니다. 글자는 무한으로 가능하나 취향대로 하시면 될 것 같습니다. 두 글자 이상하면 폰트 크기를 줄여야 돼서 파비콘의 폰트가 잘 안 보일 수도 있어요. 참고하시면 될 것 같습니다.

 

 

다음은 "Background 배경 색상"입니다. 동그라미(Circle) 네모(Sqaure) 둥근 네모(Rounded) 이렇게 3가지가 있습니다. 취향대로 고르시면 될 것 같아요. 저는 동그라미로 선택을 했습니다!

 

 

다음은 "Font Family 글씨체"라고 생각하시면 돼요. 수백 개가 있으니, 잘 보시고 원하시는 걸로 선택하시면 될 것 같아요. 

 

 

다음 "Font Size 글자 크기"입니다. 선호 글자 크기는 110~140이라고 해요. 저는 120을 했던 것 같습니다.

 

 

"Font Color은 글자 색상"입니다.  색상은 나와있는 색상 중에서만 고를 수 있더라고요. 저는 심플한 검은색을 선택했습니다.

 

 

마지막으로 "Background color 배경 색상"입니다. 다 설정하 신다음 다운로드를 누르시면, 압축파일이 다운로드될 겁니다.

압축을 푼 후, 티스토리나 올리고 싶은 곳에 파비콘을 업로드해서 저장하시면 파비콘 저장되는 것을 볼 수 있습니다.

본인의 취향대로 파비콘을 이쁘게 꾸미시면 됩니다. 텍스트 말고 이미지(PNG 파일)와 이모티콘(emoji)으로도 파비콘을 만들 수 있으니 참고 바랍니다. 

 

마지막으로, 티스토리 관리 -> 블로그 -> 파비콘 불러오기 -> 변경사항 저장을 하시면 됩니다.

저는 3분 이내로 파비콘을 만들었던 것 같아요. 참고 바랍니다 :) 

 

좋은 하루 보내세요 :)