파비콘이란?

아래와 같이 웹사이트에 들어가보면 웹브라우저의 탭에 나타나는 웹사이트를 대표하는 아이콘을 파비콘이라고 한다.

 

[파비콘 적용하기] 

파비콘을 적용하기 위해서는 아래 코드를 추가해주면 된다.

<head>
    <link rel=" shortcut icon" href="img/favicon.ico">
    <link rel="icon" href="img/favicon.ico">
</head>    

이미지 경로는 webapp 밑에 img 폴더에 넣어주었다.

 

[결과] 

파비콘이 적용된 화면을 볼 수 있다.

 

 

 

[파비콘 생성사이트]

파비콘을 생성할 때 사용한 사이트이다.

파비콘 파일 확장자는 ico,png이며 사이즈는 16x16픽셀 기본규격이나, 32x32 이미지 사이즈로 해도 정상적으로 표현된다. 

 

https://www.degraeve.com/favicon/

 

Favicon Generator

--> Favicon Generator Here is an example of a favicon:

www.degraeve.com

 

+ Recent posts