파비콘 만들기 ( Favicon.ico )

파비콘 favicon

 

* 파비콘은 홈페이지 및 블로그등의 웹사이트를 나타내는 대표 아이콘이다. 사이트의 상징과 같은 것이다.

브라우져에 웹페이지 title과 나란히 표시되는 아이콘이다.

 

무료 아이콘 사이트

* 나는 디자인못알 이기에 무료로 아이콘을 제공하는 사이트를 이용할것이다.

https://www.flaticon.com/

 

 

• 사이트 방문하여 원하는 키워드 입력이후 license를 free를 선택한다.
• 원하는 아이콘을 선택한후 [download PNG]메뉴를 선택한다. ( 저의 경우 power.png )

 

 

png to ico convert. ( png 파일 icon 파일 변환 )

* 다운받은 png 파일을 홈페이지에 적용을 위한 icon 파일로 변환해야 한다. 

아키콘 파일 생성을 위한 util 사이트를 방문하여 icon 파일을 생성한다.

* https://icoconvert.com/ 

 

• 파일 올리기 

• 파일 자르기 

  

•  스타일 선택

• 크기선택 

• 다운로드 
  Convert ICO -> Download your icon(s) 선택하여 파일 다운로드  
  또는 다른 기능이 필요 하다면 해당 메뉴들을 선택하여 진행하면 된다.  ( 저의 경우 디폴트로.. )

 

 

티스토리 블로그에 파비콘 적용하기

* 티스토리 관리 페이지 -> 관리 -> 블로그 항목 선택하여

* 파비콘 이미지 변경 적용 하면  파비콘 아이콘이 적용됩니다. 

* 이후 페이지 새로 고침하면 변경사항 확인 가능합니다. 

 

 

 

마무리

* 사이트를 나타내는 심벌과 같은 파비콘을 설정하여  비로소 기본아이콘이 아닌 좀더 나를 표현하는 블로그가 된듯 하다.