본문 바로가기
웹 개발

파비콘(favicon) 만들기/제작하기/적용하기/생성하기

by 구리구리 잡다구리 2018. 10. 30.

파비콘 이란?

웹사이트 타이틀 왼쪽에 보면 작은 아이콘(icon)을 favicon(favorite icon) 이라고 한다.

확장자는 반드시 ".ico"를 사용해야 한다.


파비콘


파비콘 적용 방법은 <head>  태그 안에 아래 코드를 넣으면 된다.

 

  <link rel="favicon" href="favicon.ico">





파비콘을 간단하게 만들수 있는 웹사이트가 있다.


https://www.favicon.cc/


파비콘제작사이트favicon 제작방법 파비콘 만들기

방법은 간단히 2가지 방법이 있다.

첫째 가지고 있는 이미지를 올려서 파비콘으로 변경하는 방법 "Import Image" 를 선택해서 가지고 있는 이미지를 올리면 자동으로 파비콘으로 변환해 준다.


둘째 직접 노란 바탕위에 그리는 방법이다. 오른쪽에서 색상 선택 후 노란 바탕위에 직접 그려서 만드는 방법이다.

다 만든 다음에서는 아래에서 다운로드 받을 수 있다. "Download Favicon" 을 선택하면 다운로드 된다.


파비콘다운로드




댓글