파비콘 생성기
이미지, 텍스트, 이모지로 favicon을 만듭니다. 16×16부터 512×512까지 PNG와 SVG로 다운로드하고, HTML 임베드 코드도 한 번에 생성합니다.
클릭하거나 이미지를 끌어다 놓으세요
PNG · JPG · SVG · WebP 지원 (정사각형 권장)
PNG · JPG · SVG · WebP 지원 (정사각형 권장)
생성 결과
위에서 옵션을 선택하고 파비콘 생성을 눌러주세요.
파비콘이란?
파비콘(favicon)은 브라우저 탭, 즐겨찾기, 검색 결과, 모바일 홈 화면 등에 표시되는 작은 아이콘입니다. 사이트의 정체성을 한눈에 알리는 가장 작은 브랜딩 요소이며, SEO 측면에서도 검색 결과 클릭률(CTR)에 영향을 줍니다.
2026년 권장 favicon 세트
- favicon.svg — 최신 브라우저(Chrome 80+, Safari 12+, Firefox 41+)에서 사용. 확대해도 깨지지 않으며 다크모드 대응도 가능합니다.
- favicon-32x32.png — 일반 브라우저 탭. SVG 미지원 환경 폴백.
- apple-touch-icon-180x180.png — iOS·macOS Safari에서 홈 화면 추가 시 사용. 모서리는 시스템이 자동으로 둥글게 처리합니다.
- android-chrome-192x192.png / 512x512.png — PWA 매니페스트(manifest.json)에서 사용. 안드로이드 홈 화면, 스플래시 스크린에 노출.
HTML 임베드 예시
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="icon" href="/favicon-32x32.png" sizes="32x32">
<link rel="apple-touch-icon" href="/apple-touch-icon-180x180.png">자주 묻는 질문
업로드한 이미지가 서버로 전송되나요?
아니요. 모든 처리는 브라우저 안의 Canvas API에서만 이루어지며, 어떤 데이터도 외부 서버로 전송되지 않습니다.
어떤 사이즈를 다운로드해야 하나요?
최소한 favicon-32x32.png(브라우저 탭), apple-touch-icon-180x180.png(iOS 홈 화면), 그리고 SVG favicon이 있으면 충분합니다. PWA를 만든다면 192·512 사이즈도 함께 사용하세요.
ICO 파일은 왜 없나요?
최신 브라우저(Chrome, Safari, Firefox, Edge)는 모두 PNG와 SVG favicon을 지원합니다. ICO는 구형 IE 호환을 위한 포맷이며, 2020년 이후에는 PNG/SVG만으로 충분합니다.
텍스트 favicon은 한글도 가능한가요?
네. 한글 1~2글자, 영문 1~3글자, 이모지 모두 사용 가능합니다. 글자 수가 많아질수록 작은 사이즈(16×16)에서 가독성이 떨어지니 1~2자를 권장합니다.