Favicon & ICO 생성기
favicon 사용 방법
1
루트 디렉터리에 배치
다운로드한 favicon.ico 파일을 웹사이트 루트 폴더로 이동하세요.
2
HTML 코드 추가
이 코드를 HTML 페이지의 <head> 태그 안에 복사하여 붙여넣으세요:
<!-- 基本 favicon -->
<link rel="icon" href="/favicon.ico" type="image/x-icon">
<!-- 现代浏览器推荐写法 -->
<link rel="icon" href="/favicon.ico" sizes="any">
<!-- PNG 格式 favicon（支持透明度） -->
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="48x48" href="/favicon-48x48.png">
<!-- Apple Touch Icon -->
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">