기억하기 위한 기록

favicon_파비콘 등록하는 방법 본문

Front-end/html

favicon_파비콘 등록하는 방법

곽구 2021. 1. 22. 12:39

파비콘 없는 웹사이트는 거의 찾기 어렵다고 볼 수 있다. 

웹사이트 제작 강의들을 들으며 , 파비콘 등록은 따로 알려주지 않아서 게시글을 작성해 본다.

 

파비콘 등록은 아주 간단하게 할 수 있다.

 

 헤드태그 안에서 작성하면 되고, 

 link 속성에 shortcut icon 을 입력해준뒤, href에 파비콘이 위치한 경로를 적어두면 된다. 

 

간단하게 포토샵을 이용해 만들어보았다.

 

* 어차피 웹사이트 타이틀 옆에 작게 들어가기때문에 한글자 정도가 깔끔한것 같다.

* 굳이 확장자를 변환하지 않아도 png 로도 가능하기 떄문에 , png로 작업하였다.

 

 

 

▼ 등록방법 

<head>                       </head>

간단하게 만들어본 favicon 

 

 

 

 

▼ 파비콘 등록 전 

 

 

▼ 파비콘 등록 후

 

'Front-end > html' 카테고리의 다른 글

[HTML5] <meter> 태그 : 게이지바로 최적값 나타냄  (0) 2021.04.26
[잘난웹디] 돕다 웹사이트 제작 2강_ header / nav / layout  (0) 2021.01.22
[잘난웹디] 한국소비자원 웹사이트제작 6강 _ section_news & footer  (0) 2021.01.21
[잘난웹디] 한국소비자원 웹사이트 제작4강_section happy  (0) 2021.01.20
[잘난웹디] 한국소비자원 웹사이트 제작 3강 section_main 부분  (0) 2021.01.19
'Front-end/html' Related Articles more