블로그를 하다보면 자기만의 블로그 로고를 가지고 있는게 참 부러웠는데요...


환경설정 기웃기웃 거리다가 "파비콘" 설정하는 방법을 찾아내었답니다!


파비콘(favicon)이란?


즐겨찾기(Favorite)와 아이콘(icon)의 합성어라고 하네요. 주소창 옆으로 조그맣게 표시되는 아이콘을 이르는 단어랍니다.


네이버 검색하다보니 몇군데 파비콘 만드는 곳이 나오던데 저는 아래 사이트를 이용했어요!

(검색하기 편한 곳을 사용하시면 될 듯 합니다!)

>>> https://converticon.com/



먼저 주소로 접속하시면 플래시 기반의 홈페이지에 들어가게 됩니다.



Get Started를 클릭!!!

다음으로 넘어갑니다.



저는 제 블로그 서명으로 쓰기 위해서 파워포인트를 이용해서 만들어 두었던 정사각형에 가까운 이미지를 사용했답니다.

배경이 투명한 PNG 파일을 사용했답니다. (여기 글에서는 파일 사이즈를 조절하니 검은색 배경이 생겨버렸네요;;;)



이미지를 업로드 하면 위에 모습처럼 파란색 박스에 이미지가 딱 맞게 들어가있어요.


정사각형 이미지를 사용하시길 권장드려요! 직사각형 이미지를 사용하면 공백이 생겨서 보기가 좀 별로더라구요.

그리고 배경이 제거된 PNG 파일을 이용하는 것도 좋은 방법이에요.



파일업로드가 완료되면 Export하여 아이콘 사이즈를 선택하셔야해요.

여러가지 사이즈가 다 선택이 됩니다. OS나 브라우져등에 따라서 필요한 아이콘의 크기가 다 다르답니다.

전 16X16과 96X96 사이에 있는 아이콘 몇개를 선택했답니다.



티스토리 환경설정 > 기본정보 들어가시면 아이콘과 파비콘을 업로드 할 수 있는 곳이 하단에 있답니다.


여기에 파비콘을 업로드 하시면 됩니다.




완료!!! 홈페이지 제목 옆에 예쁘게 파비콘이 들어갔네요.


예쁜 이미지 하나 선택하셔서 블로그의 상징과 같은 파비콘 하나 만들어서 달아보세요!



저작자 표시
신고
  1. Favicon of http://yummystudy.tistory.com 작은흐름 2017.07.20 12:15 신고

    우와! 예뻐요! 티스토리에 이런 예쁜 파비콘을 붙일 수도 있었군요!

  2. Favicon of http://iamnot1ant.tistory.com 베짱이 2017.07.21 06:59 신고

    이런 방법도 있군요. ^^ 파비콘 별로 신경을 안쓰는 편이지만.. 간편해서 욕심이 생기네요.

  3. Favicon of http://rubygarden.tistory.com 루비™ 2017.07.21 10:10 신고

    오..이런거도 있었네요?
    저도 함 만들어보고 싶네요.

    • Favicon of http://xenon87.tistory.com 제논 XENON87 2017.07.22 10:07 신고

      너무 쉬워서 금방 만들었답니다.
      적절한 이미지만 찾으면 될꺼에요~

  4. Favicon of http://healthlife16.tistory.com 꿀팁걸 2017.07.22 11:06 신고

    이런것도 있었네요. 파비콘~ 저도 해봐야겠어요. 꿀정보 감사해요^^

+ Recent posts

티스토리 툴바