파비콘 생성기

16px에서도 선명한 파비콘을 만드세요. 이미지, 텍스트 또는 이모지로 시작해 실제 환경에서 미리 본 뒤 배포용 패키지를 다운로드할 수 있습니다.

텍스트 또는 이니셜 (1–3자)

배경전경모양여백 18%

🔒 이미지는 이 브라우저 밖으로 나가지 않습니다.

디자인 미리 보기

아주 작게 보이면?

64px

48px

32px

24px

16px

내보내기

파비콘 패키지 다운로드

ICO, PNG, Apple, PWA 매니페스트 및 설치 안내를 포함합니다.

HTML 문서 head에 이 태그를 사용하세요.

<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">

파비콘 기본

줄인 로고 그 이상: 실제 크기에서 선명한 표시.

ICO, PNG, SVG

ICO는 폭넓게 호환됩니다. PNG는 특정 크기에 쓰입니다. SVG는 실제로 안전한 벡터 원본일 때만 적합합니다.

파비콘 추가 방법

다운로드 패키지에는 HTML, Next.js, React/Vite 안내가 포함됩니다. 한 가지 설치 방법을 선택하세요.

다크 모드 팁

내보내기 전에 밝고 어두운 미리 보기를 확인하세요. 어두운 마크는 어두운 브라우저 UI에서 사라질 수 있습니다.

Google 렌더링

최종 파비콘 렌더링은 Google이 제어합니다. 아이콘을 정사각형이고 안정적이며 크롤링 가능하게 유지하세요. 업데이트에는 시간이 걸릴 수 있습니다.

FAQ