파피콘 만들기 - 인터넷창 탭에들어있는 아이콘이미지(favicon)

오늘 쓸 html/css 글은 파피콘 만들기이다.

파피콘(favicon)이란, 브라우저 탭에 보여지는 작은 이미지를 말한다.

브라우저아이콘이라고 하고~파비콘이라고도 하고~

바로 이런것!

만드는 방법은 생각보다 간단하다!

파피콘으로 쓸 16px * 16px 사이즈의 이미지를 준비한 뒤에~

http://favicon-generator.org/

요 사이트엘 들어가 이미지 변환을 한다.

그럼 확장자가 ico인 파일이 만들어지는데

요 파일을 적용할 웹FTP에 업로드 한 뒤에 

head부분에 링크태그를 넣어주면 끝!

링크태그는 아래와 같다.

<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">

<link rel="icon" href="/favicon.ico" type="image/x-icon">

둘 중 입맞에 맞는 링크태그로 골라쓰면 되겠다!