파비콘 생성기
파비콘 생성기는 한두 글자나 이모지를 선택한 배경색, 글자색, 모양의 파비콘으로 만들고 256, 128, 64, 32, 16 px PNG 파일로 내보냅니다.
256px
128px
64px
32px
16px
이 도구 소개
파비콘 생성기는 한두 글자나 이모지를 선택한 배경색, 글자색, 모양의 파비콘으로 만들고 256, 128, 64, 32, 16 px PNG 파일로 내보냅니다.
사용 방법
- 한두 글자를 입력하거나 이모지를 붙여 넣습니다.
- 배경색과 글자색을 고릅니다.
- 정사각형, 둥근 모서리, 원 중 모양을 선택합니다.
- 필요한 크기의 PNG를 다운로드합니다.
알아두면 좋은 점
- 브라우저 탭에서는 파비콘이 16 × 16 px로 표시되므로 굵고 단순한 모양이 가장 잘 보입니다.
- 최신 브라우저는 <link rel="icon" type="image/png" href="/favicon-32.png">로 PNG 파비콘을 지원합니다.
- Apple 터치 아이콘은 보통 180 × 180 px이며, 256 px로 내보낸 파일을 줄여서 쓸 수 있습니다.
- 텍스트는 처음 두 글자만 그려집니다.
- 이미지는 사용자 기기에서 Canvas API로 그려집니다.
모든 처리는 브라우저 안에서 이루어집니다. 입력한 내용은 업로드되거나 저장되지 않습니다.
자주 묻는 질문
파비콘은 어떤 크기여야 하나요?
브라우저 탭용으로 최소 32 × 32 px를 준비하고, Apple 터치 아이콘용 180 px, 웹 앱 매니페스트용 192 px나 512 px 같은 큰 크기도 준비하세요.
웹사이트에 파비콘을 어떻게 추가하나요?
PNG를 업로드하고 HTML head 안에 <link rel="icon" type="image/png" href="/favicon-32.png">를 추가하세요.
이모지를 파비콘으로 쓸 수 있나요?
네. 텍스트 필드에 이모지를 붙여 넣고 PNG를 다운로드하세요. 시스템의 이모지 글꼴로 렌더링됩니다.
favicon.ico 파일이 아직도 필요한가요?
PNG를 지원하는 최신 브라우저에는 필요 없습니다. 다만 일부 오래된 도구와 브라우저는 여전히 /favicon.ico를 찾기 때문에 호환성을 위해 유지하는 사이트가 많습니다.