이미지 하나를 업로드하면 완전한 파비콘 패키지를 생성합니다 — ICO, PNG, Apple Touch Icon, Android Chrome 아이콘, site.webmanifest, 그리고 바로 복사할 수 있는 HTML 코드. 모두 브라우저에서 처리됩니다.
🎨
로고나 아이콘을 여기에 놓으세요
또는 클릭하여 찾아보기 · JPG, PNG, WebP, SVG · 정사각형 이미지 권장
파비콘이란?
파비콘은 브라우저 탭, 북마크, 방문 기록, 모바일 홈 화면에 표시되는 작은 아이콘입니다. 사용자가 한눈에 웹사이트를 식별할 수 있도록 도와줍니다. 현대 웹사이트는 모든 브라우저, 운영 체제, 기기에서 잘 보이도록 여러 파비콘 크기와 형식이 필요합니다.
완전한 파비콘 파일 설명
favicon.ico — 16×16, 32×32, 48×48 픽셀 아이콘을 포함하는 다중 크기 ICO 파일입니다. 레거시 브라우저 지원과 Windows 작업 표시줄 아이콘에 필요합니다.
favicon-16x16.png & favicon-32x32.png — 모던 브라우저에서 북마크 바와 브라우저 탭에 사용하는 표준 PNG 파비콘입니다.
apple-touch-icon.png — 사용자가 사이트를 홈 화면에 추가할 때 iOS Safari에서 사용하는 180×180 픽셀 PNG입니다.
android-chrome-192x192.png & android-chrome-512x512.png — Android Chrome에서 홈 화면 바로가기와 PWA 스플래시 화면에 사용하는 PNG 아이콘입니다.
site.webmanifest — 아이콘 경로, 테마 색상, 표시 모드를 포함하여 웹 앱에 대한 정보를 브라우저에 전달하는 JSON 파일입니다.
웹사이트에 파비콘을 추가하는 방법
1. ZIP을 다운로드하고 모든 파일을 웹사이트의 루트 디렉토리에 압축을 풀어주세요. 2. HTML 코드 스니펫을 복사하여 모든 페이지의 <head> 섹션에 붙여넣으세요. 3. 사이트를 배포하고 브라우저 탭 아이콘을 확인하여 테스트하세요. 대부분의 브라우저는 루트 디렉토리의 favicon.ico도 자동 감지합니다.
권장 원본 이미지
최상의 결과를 위해 최소 512×512 픽셀의 정사각형 이미지를 사용하세요. 투명 배경의 PNG 형식이 이상적입니다. 굵은 도형과 높은 대비의 단순한 디자인이 가장 좋습니다 — 복잡한 사진은 16×16과 같은 작은 크기에서 인식할 수 없게 됩니다.
자주 묻는 질문
완전한 파비콘 패키지에는 어떤 파일이 포함되나요?▸
완전한 패키지에는 favicon.ico(레거시 브라우저용 다중 크기), 모던 브라우저용 favicon-16x16.png 및 favicon-32x32.png, iOS용 apple-touch-icon.png(180×180), Android용 android-chrome-192x192.png 및 android-chrome-512x512.png, PWA 지원을 위한 site.webmanifest가 포함됩니다 — 총 7개 파일입니다.
apple-touch-icon.png란 무엇인가요?▸
사용자가 웹사이트를 홈 화면에 추가할 때 iOS Safari에서 사용하는 180×180 픽셀 PNG 이미지입니다. 이 파일이 없으면 iOS는 페이지의 스크린샷을 대신 사용합니다. 사이트 루트 디렉토리에 배치하고 HTML head에 link 태그로 참조하세요.
site.webmanifest란 무엇인가요?▸
site.webmanifest는 웹 애플리케이션에 대한 메타데이터를 브라우저에 제공하는 JSON 파일입니다. 프로그레시브 웹 앱(PWA)의 아이콘 경로, 테마 색상, 표시 모드를 정의합니다. 브라우저는 이를 사용하여 Android 기기에서 홈 화면 아이콘과 스플래시 화면을 구성합니다.
파비콘에 필요한 HTML 코드는 무엇인가요?▸
HTML head에 4개의 link 태그가 필요합니다: apple-touch-icon(180×180)용, favicon-32x32.png용, favicon-16x16.png용, 웹 매니페스트용 각각 하나씩입니다. 이 도구는 복사하여 바로 붙여넣기할 수 있는 정확한 HTML 스니펫을 생성합니다.
파비콘에 가장 좋은 원본 이미지 크기는 무엇인가요?▸
최소 512×512 픽셀의 정사각형 이미지를 사용하세요. 투명 배경의 PNG가 가장 좋습니다. 굵은 도형과 높은 대비의 단순한 디자인이 작은 크기에서도 잘 렌더링됩니다. 사진이나 복잡한 일러스트레이션은 16×16 픽셀에서 인식할 수 없게 되므로 피하세요.
ICO와 PNG 파비콘 모두 필요한가요?▸
네, 최대 호환성을 위해 필요합니다. ICO 형식은 이전 브라우저, Internet Explorer, Windows 작업 표시줄에 필요합니다. PNG 파비콘은 Chrome, Firefox, Safari 같은 모던 브라우저에서 사용됩니다. 두 가지 모두 포함하면 어디서나 파비콘이 올바르게 표시됩니다.
이 파비콘 생성기는 무료인가요?▸
네, 제한 없이 완전 무료이며, 워터마크가 없고, 가입이 필요 없습니다. 모든 처리는 전적으로 브라우저에서 이루어집니다. 이미지가 서버에 업로드되지 않아 완벽한 개인정보 보호와 즉각적인 결과를 보장합니다.
사진을 파비콘으로 사용할 수 있나요?▸
기술적으로는 가능하지만, 단순한 아이콘이나 로고가 훨씬 더 좋습니다. 사진은 16×16이나 32×32 픽셀로 축소하면 인식하기 어려워집니다. 최상의 결과를 위해 굵은 도형, 최소한의 디테일, 높은 대비 색상의 단순한 그래픽을 사용하세요.