파비콘 생성기
텍스트, 이모지 또는 이미지에서 여러 형식의 파비콘을 만드세요
미리보기를 보려면 텍스트 또는 이모지를 입력하세요
예시:
파비콘 사용 방법
1. 파비콘 다운로드
권장 최소 설정:
- 32×32 PNG - favicon.png로 이름 변경 (가장 일반적)
- SVG - favicon.svg로 이름 변경 (최신 브라우저, 확장 가능)
선택사항 (더 나은 적용 범위를 위해):
- 16×16 PNG - favicon.ico로 이름 변경 (레거시 브라우저)
- 180×180 PNG - apple-touch-icon.png로 이름 변경 (iOS 홈 화면)
2. 웹사이트에 추가
사이트의 루트 또는 공개 디렉토리에 파일을 배치하고 HTML head에 다음 태그를 추가하세요:
<link rel="icon" type="image/svg+xml" href="/favicon.svg"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
팁
- 작은 크기에서 작동하는 단순하고 대담한 디자인 사용
- 이모지는 빠르고 인식 가능한 아이콘으로 훌륭하게 작동합니다
- 최신 브라우저에는 SVG가 권장됩니다 (확장 가능 & 작은 파일 크기)
- 더 나은 가시성을 위해 고대비 색상 사용