본문 바로가기
Front-End/HTML

HTML - Favicon이란?

by project100 2023. 2. 8.

파비콘은 title 태그 옆에 있는 아이콘을 말한다.

아래에 빨간색 박스가 바로 파비콘이다.

 

아래 사이트에서 나만의 파비콘을 직접 만들어 다운 받을 수 있다.

 

 

favicon.ico Generator

Preview Favicon in original size:

www.favicon.cc

 

파비콘 이미지의 일반적인 이름은 "favicon.ico"이다.

 

웹사이트에 파비콘을 추가하려면 파비콘 이미지를 웹 서버의 루트 디렉터리에 저장하거나

이미지라는 루트 디렉터리에 폴더를 만들고 이 폴더에 파비콘 이미지를 저장해야 한다. 

 

<head>
  <title>My Page Title</title>
  <link rel="icon" type="image/x-icon" href="/images/favicon.ico">
</head>

 

'Front-End > HTML' 카테고리의 다른 글

HTML 태그- table 2  (0) 2023.02.14
HTML 태그 - table  (0) 2023.02.11
HTML 태그 - 서식에 사용되는 태그들  (0) 2023.02.06
HTML 요소 - inline-element, block-element  (0) 2023.02.05
HTML 태그 보충 설명  (0) 2023.02.01