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

웹 개발

구리구리 잡다구리 2018. 10. 30. 10:00

파비콘 이란?

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

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

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

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

favicon 제작방법 파비콘 만들기

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

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

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

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