로고를 만들어 파비콘으로 활용하는 방법!
로고 만들기
트라이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">
Reference
이 문제에 관하여(로고를 만들어 파비콘으로 활용하는 방법!), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/annequinkenstein/how-to-create-a-logo-use-it-as-favicon-1cod텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)