favicon(파비콘) 생성 및 적용

favicon(파비콘) 생성 및 적용

파비콘 생성 사이트 주소 : http://www.degraeve.com/favicon/

위 사이트는 파비콘을 쉽게 만들어주는 사이트이다.

파일 선택에서 gif, jpg, png 파일을 선택하고 upload image 버튼을 누르면 이미지 범위를 수정할 수 있다.

이미지 범위 수정후 Corp picture버튼을 선택한다.

그러면 파비콘 아이콘이 생성된걸 볼수있다. 픽셀에 색 수정도 가능하다. 

이제 Make Favicon 버튼을 누르고 마우스 우클릭으로 다른 이름으로 저장을 선택해서 ico 파일을 저장한다.

이제 실제 웹사이트에 파비콘을 적용해보자

티스토리에서는 html/css 편집에서 파일업로드에 ico 아이콘을 추가하고

html/css에서 아래 코드를 html에 head태그 안에 삽입하자.

아래와 같이 파비콘이 멋지게 적용 되었다.