파비콘 생성기
파비콘 생성기는 텍스트(20가지 Google Fonts), 이모지(100개 이상), 또는 업로드 이미지로 파비콘을 만듭니다. 모든 표준 크기(16x16~512x512), 다중 크기 ICO 파일, Apple Touch 아이콘, Android Chrome 아이콘을 생성하며 HTML 메타 태그와 site.webmanifest 코드도 제공합니다. 모든 처리는 브라우저에서 이루어집니다.
<link rel="icon" type="image/x-icon" href="/favicon.ico" /> <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="180x180" href="/apple-touch-icon.png" /> <link rel="manifest" href="/site.webmanifest" />
{
"name": "",
"short_name": "",
"icons": [
{
"src": "/android-chrome-192x192.png",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "/android-chrome-512x512.png",
"sizes": "512x512",
"type": "image/png"
}
],
"theme_color": "#ffffff",
"background_color": "#ffffff",
"display": "standalone"
}제안이 있으신가요?
새로운 도구를 요청하거나 개선 사항을 제안해 주세요 — Slack 커뮤니티에 참여하세요!
파비콘 생성기란?
파비콘 생성기는 브라우저 탭, 북마크, 모바일 홈 화면에 표시되는 작은 아이콘(파비콘)을 만드는 도구입니다. 파비콘은 웹에서 브랜드 아이덴티티와 사용자 경험에 필수적입니다. 이 도구는 텍스트, 이모지 또는 이미지에서 파비콘을 만들 수 있으며, ICO 형식, Apple Touch 아이콘, Android Chrome 아이콘 등 모든 표준 크기를 생성합니다.
파비콘 생성기 사용 방법
- 입력 방법을 선택하세요: 텍스트, 이미지, 또는 이모지 탭
- 텍스트: 1-3자를 입력하고 글꼴, 색상, 모양을 설정하세요
- 이모지: 카테고리를 탐색하고 이모지를 선택, 배경을 커스터마이즈하세요
- 이미지: 로고나 이미지를 드래그앤드롭 또는 클릭하여 업로드하세요
- 밝은/어두운 배경에서 여러 크기(16px~64px)로 파비콘을 미리보기하세요
- 개별 크기 또는 favicon.ico를 포함한 모든 크기를 다운로드하세요
자주 묻는 질문
파비콘에 어떤 크기가 필요한가요?
최소한 브라우저 탭용 16x16, 32x32, Apple Touch Icon용 180x180, Android/PWA용 192x192 및 512x512가 필요합니다. 이 도구는 모든 표준 크기를 자동으로 생성합니다.
favicon.ico 파일이란?
favicon.ico는 16x16, 32x32, 48x48 버전을 하나의 파일에 담는 다중 크기 아이콘 형식입니다. 최신 브라우저는 PNG를 지원하지만 ICO는 최대 호환성을 위해 여전히 필요합니다.
파비콘을 어떻게 설치하나요?
생성된 파일을 웹사이트 루트 디렉토리에 놓고, 이 도구가 제공하는 HTML 메타 태그를 HTML의 head 섹션에 추가하세요.
텍스트로 파비콘을 만들 수 있나요?
네. 1-3자를 입력하고 20가지 Google Fonts 중 선택하여 텍스트 색상, 배경 색상, 모양(사각형, 둥근 모서리, 원형)을 설정하면 모든 크기의 파비콘이 생성됩니다.
이미지가 서버에 업로드되나요?
아닙니다. 모든 처리는 Canvas API를 사용하여 브라우저에서 100% 이루어집니다. 이미지와 파비콘은 절대 기기를 떠나지 않습니다.