Favicon 생성기 완벽 가이드
파비콘(Favicon)은 웹사이트의 브라우저 탭, 북마크 목록, 검색 결과 등에 표시되는 작은 아이콘입니다. 원래 "favorites icon"의 줄임말로, 웹사이트의 브랜드 정체성을 시각적으로 전달하는 중요한 요소입니다. 이 도구를 사용하면 하나의 이미지만 업로드하여 다양한 플랫폼과 장치에서 필요한 모든 크기의 파비콘을 한 번에 생성할 수 있습니다.
현대의 웹 브라우저와 운영체제는 각기 다른 크기의 파비콘을 요구합니다. 16x16 픽셀은 브라우저 탭에 표시되는 가장 기본적인 크기이며, 32x32는 Windows 작업 표시줄이나 Mac 사이드바에서 사용됩니다. 48x48은 Windows 바탕화면 아이콘으로 활용되고, Apple 기기에서는 180x180 크기의 apple-touch-icon이 홈 화면에 추가될 때 사용됩니다. Android 기기는 192x192 크기를 PWA(프로그레시브 웹 앱) 아이콘으로 활용하며, 512x512은 고해상도 디스플레이와 앱 스토어 등록에 필요합니다.
파비콘을 올바르게 설정하면 검색엔진 최적화(SEO)에도 긍정적인 영향을 줍니다. 구글 검색 결과에서 파비콘이 표시되기 때문에 클릭률(CTR)이 향상될 수 있으며, 사용자들이 여러 탭을 열었을 때 여러분의 웹사이트를 쉽게 찾을 수 있도록 도와줍니다. 또한 PWA 매니페스트에 파비콘을 등록하면 모바일 사용자가 홈 화면에 추가했을 때 네이티브 앱과 유사한 경험을 제공할 수 있습니다.
파비콘 최적 크기 안내
- 16x16 - 브라우저 탭, 주소창에 표시되는 기본 크기
- 32x32 - 작업 표시줄, 북마크, 탭 아이콘의 고해상도 표시
- 48x48 - Windows 사이트 아이콘, 데스크톱 바로가기
- 64x64 - 고해상도 디스플레이용 확장 아이콘
- 128x128 - Chrome 웹 스토어, 확장 프로그램 아이콘
- 180x180 - Apple Touch Icon (iOS 홈 화면 아이콘)
- 192x192 - Android Chrome, PWA 매니페스트 아이콘
- 512x512 - PWA 스플래시 화면, 고해상도 디스플레이
자주 묻는 질문 (FAQ)
Q. 어떤 이미지 형식을 업로드해야 하나요?
A. PNG 형식을 가장 추천합니다. PNG는 투명 배경을 지원하며 무손실 압축으로 선명한 아이콘을 만들 수 있습니다. JPG도 사용할 수 있지만 투명 배경이 필요한 경우에는 PNG가 필수입니다. SVG 파일도 업로드할 수 있으며, 벡터 형식이므로 어떤 크기로 변환해도 품질이 유지됩니다.
Q. 파비콘 원본 이미지의 권장 크기는 얼마인가요?
A. 최소 512x512 픽셀 이상의 정사각형 이미지를 사용하는 것을 권장합니다. 원본 이미지가 크면 축소할 때 품질이 유지되지만, 작은 이미지를 확대하면 흐릿해질 수 있습니다. 정사각형이 아닌 이미지를 업로드하면 자동으로 중앙 기준 정사각형으로 크롭됩니다.
Q. 생성된 파비콘을 웹사이트에 어떻게 적용하나요?
A. 파비콘 파일을 웹사이트의 루트 디렉토리 또는 원하는 경로에 업로드한 후, HTML 문서의 <head> 섹션에 생성된 링크 태그를 복사하여 붙여넣으면 됩니다. 이 도구에서 제공하는 HTML 코드를 그대로 사용하시면 모든 브라우저와 기기에서 파비콘이 올바르게 표시됩니다.
Q. ICO 형식 파일도 생성할 수 있나요?
A. 이 도구는 각 크기별 PNG 파일을 생성합니다. 대부분의 최신 브라우저는 PNG 파비콘을 지원하므로 별도의 ICO 변환 없이도 사용할 수 있습니다. 오래된 브라우저 호환이 필요한 경우, 생성된 32x32 PNG를 ICO 변환 도구를 통해 추가로 변환하실 수 있습니다.