로고를 만들어 파비콘으로 활용하는 방법!

로고 만들기



트라이Canva
또는 get help with creating one

Navbar에서 사용




파비콘으로 사용



Favicon은 웹사이트, 탭, URL, 책갈피를 위한 작은 로고입니다.
Favicon 만들기Faviconer

반응하다


favicon.ico 폴더에서 public를 교체하십시오.

HTML



아래 줄을 <head> 섹션에 추가하십시오.

!-- default favicon -->
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">

<!-- wideley used favicon -->
<link rel="icon" href="/favicon.png" sizes="32x32" type="image/png">

<!-- for apple mobile devices -->
<link rel="apple-touch-icon-precomposed" href="/apple-touch-icon-152x152-precomposed.png" type="image/png" sizes="152x152">
<link rel="apple-touch-icon-precomposed" href="/apple-touch-icon-152x152-precomposed.png" type="image/png" sizes="120x120">

<!-- google tv favicon -->
<link rel="icon" href="/favicon-googletv.png" sizes="96x96" type="image/png">


다른 유형

<link rel="icon" type="image/gif" href="https://example.com/image.gif">

<link rel="icon" type="image/png" href="https://example.com/image.png">

<link rel="icon" type="image/svg+xml" href="https://example.com/image.svg">

좋은 웹페이지 즐겨찾기