파비콘(favicon) 만들기
1) 파비콘이란?
예를 들어 네이버 페이지에서 보자면 Title앞에 작은 아이콘을 파비콘이라 합니다.
2) 파비콘 만들기
- https://convertico.com/
여기서 만들수 있습니다.
미리 저장해둔 이미지를 업로드하면,
파비콘이 생성된것을 볼수있으실겁니다.
@@@@꼭 HTML을 작업하는 폴더에 파비콘을 저장하여야 합니다.@@@@
- 기본 코드:
<link rel="icon" href="/파일명.ico" type="image/x-icon">저는 다른폴더에 저장하여 한참 삽질을 하였네요....
이후에는 서버에 올려 사용한다고 하지만, 처음 만들 당시에는 폴더지정이 중요합니다.
- 적용되지 않을시에는
<link rel="icon" href="/저장한 폴더명/파일명.ico" type="image/x-icon">- 서버에서 작업하여 올릴시에는 서버의 도메인을 넣어줍니다.
<link rel="icon" href="http://www.도메인.com/파일명.ico" />그 결과물
귀여운 파비콘이 생성되었습니다 ^^
CodeAngler