본문 바로가기
각종 여행관련 정보

[티스토리] 나만의 파비콘 쉽게 적용하기!!

by by 대문자P 2017. 5. 13.
반응형



나만의 개성있는 파비콘 적용하는법


‘파비콘’이라는 단어는 ‘favorites icon’을 줄인 말 이다.


원래 파비콘은 즐겨찾기(또는 북마크) 목록에서 웹페이지를 구별하기 위해 사용 되었다.




파비콘(영어: favicon, 'favorites + icon') 또는 패비콘이란 인터넷 웹 브라우저의 주소창에 표시되는 웹사이트나 


웹페이지 대표하는 아이콘이다.


아이콘 크기는 16x16, 32x32, 48x48, 64x64픽셀이 될 수 있고, 8비트, 24비트, 32비트 색상이 가능하다.

다음 포맷은 브라우저에 상관없이 호환되며 인터넷 익스플로러, 파이어폭스, 크롬, 오페라에서 모두 지원한다.

  • <link rel="shortcut icon" href="http://www.example.com/myicon.ico"/>

다음도 허용된다.

  • <link rel="shortcut icon" href="/somepath/myicon.ico"/>



N, (네이버)포털사이트, 페이스북, 유투브,  쇼핑채널 (11번가,옥션,지마켓,SSG 등) 파비콘이 없는 곳이 없을 정도다.


파비콘을 만들고 적용하면 브랜드 인지도를 상승시키며, 신뢰도가 올라간다고 한다.



  1. 파비콘 생성기를 웹에서 찾기 (엄청나게 많습니다)
  2. 파비콘 생성하기(보통 16픽셀x16픽셀)
  3. 테마의 이미지섹션으로 가기
  4. 파비콘은 알아 볼수 있도록 최대한 함축적으로 (영문이니셜, 또는 대표하는 작은 상징으로 정한다)




기존 티스토리 파비콘에서 새롭게 바꾸어 보겠습니다.


# [티스토리 관리] - [환경설정] - [기본정보] 로 들어갑니다.





[아이콘] - [파비콘] 이 보입니다. 파일형식 (*icon) 입니다.


 



원하는 파비콘 불러오기로 [파일열기] 하고, 마우스 우클릭 이미지 주소 복사를 합니다.





# [티스토리관리] - [플러그인 설정] - [파비콘] - [저장]




마지막으로, 


# [티스토리 관리] - [HTML/CSS] 편집창에서  원래 있던 <link rel="shortcut icon">... 


그대로 두고 그 윗줄에


<link rel="shortcut icon" href="복사한 이미지 주소 삽입"> 추가 하고 저장



파비콘변경완료





개성있는 파비콘 서치: http://www.favicon-generator.org/search/ (다양한 종류의 파비콘검색 가능!)

반응형