파비콘 HTML 생성기
파비콘은 작업의 절반에 불과합니다. HTML 링크 태그는 각 브라우저가 선택하는 파일을 결정합니다. 한 번의 클릭으로 전체적이고 정확한 세트를 생성합니다.
Check favicons on any website
Install the FetchFavicon Chrome Extension to extract, preview, and validate favicons instantly.
전체 파비콘 설정에는 favicon.ico, SVG 변형, apple-touch-icon 및 PWA 매니페스트 아이콘에 대한 태그가 포함됩니다. 그 중 하나라도 누락되면 적어도 하나의 플랫폼에 대체 아이콘이 생성됩니다.
여기에서 태그를 생성하고 <head>에 붙여넣으면 완료됩니다.
작동 방식
- 1
파비콘 생성
파비콘 생성기를 사용하여 .ico + PNG + SVG를 생성합니다.
- 2
태그 복사
생성된 <link> 블록을 <head>에 붙여넣습니다.
- 3
확인하다
Chrome, Safari, Firefox 및 Edge에서 사이트를 열면 모두 아이콘이 표시됩니다.
지금 사용해 보기
HTML 태그 가져오기
파비콘 생성기자주 묻는 질문
어떤 태그가 가장 중요합니까?+
<link rel="icon" href="/favicon.ico"> — 범용 폴백입니다.
Manifest.json이 필요합니까?+
적절한 PWA 설치 경험을 원하는 경우에만 가능합니다. 그렇지 않으면 선택 사항입니다.
apple-touch-icon은(는) 어디로 가나요?+
<link rel="apple-touch-icon" 크기="180x180" href="/apple-touch-icon.png">.