파비콘 생성기
사용자 정의 색상과 모서리 반경으로 간단한 문자 기반 파비콘을 만듭니다. 여러 크기의 PNG로 다운로드.
설정
미리보기
HTML 스니펫
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="apple-touch-icon" sizes="48x48" href="/favicon-48x48.png">
.ico 형식이 필요하면 PNG 다운로드 후 온라인 PNG→ICO 변환 도구를 사용하세요.
파비콘 생성기 사용법
- 1.텍스트 필드에 1-2자 또는 이모지를 입력합니다.
- 2.배경색, 텍스트 색상, 모서리 반경, 글꼴 크기를 사용자 정의합니다.
- 3.오른쪽 패널에서 파비콘을 실시간으로 미리봅니다.
- 4.크기 버튼을 클릭하여 PNG 형식 파비콘을 다운로드합니다 (16x16, 32x32, 48x48).
자주 묻는 질문
파비콘 크기는 어떻게 해야 하나요?
가장 일반적인 크기는 16x16(브라우저 탭), 32x32(작업 표시줄), 48x48(바탕화면 바로가기)입니다. 완전한 호환성을 위해 세 가지 모두 생성합니다.
이모지를 파비콘 텍스트로 사용할 수 있나요?
이모지를 입력할 수 있지만, 렌더링은 브라우저와 OS에 따라 다릅니다. 단일 이모지가 가장 잘 작동합니다. 복잡한 이모지는 결과가 다를 수 있습니다.
PNG를 ICO로 변환하려면?
ICO 형식은 여러 크기를 하나의 파일로 묶습니다. favicon.io나 realfavicongenerator.net 같은 무료 온라인 변환기를 사용하여 PNG 파일을 ICO로 변환하세요.
파비콘 파일은 어디에 놓아야 하나요?
PNG 파일을 웹사이트 루트 디렉토리(Next.js/React의 경우 /public)에 놓으세요. HTML 스니펫을 <head> 태그에 추가하세요.