파비콘(favicon) 적용이 안되시나요? 파비콘 만들기, 하기쉬운 오류(삽질 방지)

Code_Angler·2021년 5월 2일
1

code study by PyCharm

목록 보기
6/16

파비콘(favicon) 만들기

1) 파비콘이란?

예를 들어 네이버 페이지에서 보자면 Title앞에 작은 아이콘을 파비콘이라 합니다.

2) 파비콘 만들기

미리 저장해둔 이미지를 업로드하면,

파비콘이 생성된것을 볼수있으실겁니다.

@@@@꼭 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" />

그 결과물

귀여운 파비콘이 생성되었습니다 ^^

profile
CodeAngler

0개의 댓글