티스토리 블로그 파비콘 만드는 방법 및 홈페이지에 적용 하는 방법
안녕하세요 우키키키입니다.
오늘은 티스토리 블로그 꾸미는 방법 중 하나인
파비콘 만들고 설정하는 방법에 대해 알려드리겠습니다.
파비콘이란 favorite + icon 즉 즐겨찾기와 아이콘의 합성어로
주소창에 표시된 작은 아이콘을 말합니다 ㅎㅎ
위에 보이는 아이콘이 파비콘 입니다.
티스토리의 기본 파비콘은 T가 점으로 이루어진 모양 입니다 ㅎㅎ
홈페이지를 만드시는 분들이라면 자신의 개성을 나타내는
파비콘을 만들어 놓으시면
이용자에게도 주목을 받을 수 있고
기억에 남는 홈페이지를 만들 수 있습니다 ㅎㅎ
티스토리 블로그 파비콘 만들기
<출처 : 다이나믹 드라이브>
파비콘을 만드는 방법은 jpg 파일이나 png 파일 등 이미지 파일을
ico 파일로 변환 해야 합니다.
직접 파비콘을 만드는 것은 포토샵을 통해 만들 수 있고
제가 알려드리는 방법은 기존 이미지 파일을 파비콘 형식으로
만드는 방법입니다.
아이콘을 만드는 사이트 2곳과 글자를 만드는 사이트 1곳을 소개해드리겠습니다.
첫번째 사이트는 다이나믹 드라이브 파비콘 생성기 사이트 입니다.
Image to create icon from 에서 찾아보기를 눌러줍니다.
옆에 optional 에 있는 항목은 파비콘 말고 데스크탑 아이콘을
만드는 것과 xp 아이콘을 추가로 만든다는 얘기인데
클릭 안하셔도 됩니다.
저는 네모칸 친 그림을 파비콘으로 만들어보겠습니다.
변환하려는 아이콘 선택 후 열기를 눌러줍니다.
선택을 하신 후 Creat Icon 을 선택하시면
밑에 Favicon preview 가 생기는데
그림을 확인 하시고 Download Favicon 을 눌러주시면 됩니다.
다운로드 받은 파비콘은 잘 저장해뒀다가
밑에서 티스토리 블로그에 적용하는 방법에서
적용하시면 됩니다.
FAVICON.COM
<출처 : FAVICO.COM>
두번째 사이트는 FAVICO.COM 이라는 사이트입니다.
첫번째 사이트와 똑같이
이미지 파일을 ICO 파일로 변환 하는 사이트 입니다.
저는 지금 구글 번역을 써서 한글로 나오는데
검색 이라고 써있는 곳이 영어 버전에서는 BROWSE
라고 써있습니다.
BROWSE 를 누르고 사이즈 선택(SELECT A SIZE)에 16 X 16
를 선택하시고 첫번째 사이트와 같이
원하시는 그림을 선택하시고 창조하기(CREATE) 를 눌러줍니다.
왼쪽에 보면 파비콘 미리보는 화면이 생기고
화살표 아래 모양을 선택하시면 다운로드 받을 수 있습니다.
ANTIFAVICON.COM
<출처 : anitifavicon>
<적용 예시>
글자를 파비콘으로 만들수 있는 ANTIFAVICON 사이트 입니다.
TEXT to render 에 글자를 적어서 파비콘을 만들 수 있습니다.
Top text 는 위에 적용 할 글자 이고
Bottom text 는 아래에 적용 할 글자 입니다.
예시에서 보시는 것 처럼 위 아래로 원하시는 글자를
넣어서 파비콘을 만들 수 있습니다.
top text / bottom text 밑에 보이는 draw border 는
테두리를 넣을거냐는 말인데 원하시면 넣으셔도 되고
안넣으셔도 무방 합니다.
Color 라고 써있는 곳에서 텍스트 및 테두리의 색상을 정하실 수 있습니다.
색깔 박스를 클릭하셔서 원하시는 색상을 선택하시거나
#FF 로 시작하는 곳에 색상 코드를 직접 입력 하셔도 됩니다.
밑에 tip 이라고 써있는 것중
Use a single char as top text and leave the bottom text empty to get a single char big icon
이라는 말이 있는데 이 말은
위에 예시 처럼 대문자 아이콘을 하나만 만드는 방법 입니다.
Top text 에만 원하는 글자를 넣은 후
Bottom text 에는 비워둔 상태로 save as favicon file 을 만들면
예시와 같이 대문자 한개의 파비콘을 만들 수 있습니다.
티스토리 블로그 파비콘 적용하는 방법
원하시는 파비콘을 만드셨으면 이제 티스토리에 적용 하셔야 됩니다 ㅎㅎ
티스토리 설정 페이지로 들어가신 후
관리 -> 블로그
클릭 해줍니다.
블로그를 눌러주시면
블로그 이름 과 수식어 설명이 나오고
밑에 보시면 파비콘 메뉴가 있습니다.
여기서 불러오기를 선택해줍니다.
불러오기를 통해서 아까 위에서 만드셨던 파일 중
원하시는 파일을 선택, 열기를 누르시면
비어있던 네모 칸에 만드셨던 파비콘이 나옵니다.
그리고 나서 변경사항 저장을 눌러줍니다.
그리고 나서 자신의 티스토리로 다시 접속해보시면
파비콘이 잘 적용 된 것을 보실 수 있습니다.ㅎㅎ
이상 티스토리 블로그에 파비콘 만드는 방법과
홈페이지에 적용하는 방법에 대해 알려드렸습니다.
개성있는 파비콘으로 홈페이지를 널리널리 알리시길 바랍니다 ㅎㅎ
이 글을 공유합시다
