본문 바로가기
Front-end/HTML

파비콘 만들기및 등록하기

by mooyou 2019. 3. 10.
728x90
300x250

파비콘(favicon)은 즐겨찾기Favorite와 아이콘 icon  합성어로 조소창 옆에 표시되는 조그마한 아이콘을 말한다.


파비콘의 크기는 16x16, 32x32, 64x64픽셀이 될 수 있고 8비트, 24비트, 32비트 색상이 가능하다.

<link rel ="shortcut icon" href="ico/favicon.ico" sizes="32x32">


파비콘은 ico파일로 제작되어야 하며 PNG, GIF, JPEG 사용은 가능하지만 익스에서는 지원되지 않는다.


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


그렇기 때문에 ico파일로 변경해줘야 한다.



▶ 어지간한 사이트는 하나씩 가지고 있는 파비콘을 만드는 방법


먼저 파비콘으로 등록할 아이콘을 png 파일로 준비한다.


https://www.favicon-generator.org/


위주소로 들어가서



준비해둔 png 파일을 불러오고 Create Favicon을 눌러준다.







밑줄 친 Download the generated favicon을 클릭한다.


아래에 link를 넣어주면 기기에 맞게 다양한 사이즈의 파비콘을 넣어줄수 있다.








여기서 ico파일 가져와서 업로드하고

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


head에 링크값을 넣어준다





728x90
반응형

댓글