즐기며 살기에도 인생은 짧다

파비콘만들기


안녕하세요 우키키키입니다.

오늘은 티스토리 블로그 꾸미는 방법 중 하나인

파비콘 만들고 설정하는 방법에 대해 알려드리겠습니다.


파비콘이란 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 을 만들면

예시와 같이 대문자 한개의 파비콘을 만들 수 있습니다.





티스토리 블로그 파비콘 적용하는 방법


원하시는 파비콘을 만드셨으면 이제 티스토리에 적용 하셔야 됩니다 ㅎㅎ

티스토리 설정 페이지로 들어가신 후

관리 -> 블로그

클릭 해줍니다.



블로그를 눌러주시면 

블로그 이름 과 수식어 설명이 나오고

밑에 보시면 파비콘 메뉴가 있습니다.

여기서 불러오기를 선택해줍니다.



불러오기를 통해서 아까 위에서 만드셨던 파일 중 

원하시는 파일을 선택, 열기를 누르시면

비어있던 네모 칸에 만드셨던 파비콘이 나옵니다.

그리고 나서 변경사항 저장을 눌러줍니다.



그리고 나서 자신의 티스토리로 다시 접속해보시면

파비콘이 잘 적용 된 것을 보실 수 있습니다.ㅎㅎ

이상 티스토리 블로그에 파비콘 만드는 방법과

홈페이지에 적용하는 방법에 대해 알려드렸습니다.

개성있는 파비콘으로 홈페이지를 널리널리 알리시길 바랍니다 ㅎㅎ


키자드로 티스토리 백링크 등록하는 방법

파워포인트로 티스토리 블로그 썸네일 만드는 방법

서식을 활용해서 편리하게 티스토리 블로그 글쓰는 방법


이 글을 공유합시다

facebook twitter googleplus kakaostory naver

본문과 관련 있는 내용으로 댓글을 남겨주시면 감사하겠습니다.

  1. Favicon of https://xuronghao.tistory.com BlogIcon 공수래공수거 2020.01.13 12:31 신고

    전 리본 만들어진걸 계속 사용을 합니다.^^

  2. Favicon of https://191030.tistory.com BlogIcon ㄲ ㅏ누 2020.01.13 17:54 신고

    오~ 파비콘 포스팅을 하셨군요
    저도 얼마전에 티스토리 파비콘 포스팅을 했었거든요
    저보다 훨씬 정리도 잘하시고 보기도 좋네요
    앞으로도 좋은 자료 부탁드려요~

  3. Favicon of https://marstravel.tistory.com BlogIcon Movie_Star 2020.01.14 13:06 신고

    안그래도 파비콘을 관리페이지에서 볼때마다 이건 뭐야 하고 그냥 넘겼는데, 포스팅 해주신 내용보니 내일이라도 당장 적용해봐야겠네요 ㅎㅎ
    감사합니다 ~~

  4. Favicon of https://youmtravel.tistory.com BlogIcon 윰트래블 2020.01.14 14:23 신고

    오 바꿀수 있는 거였군요! 좋은 정보 감사합니다.