파비콘 생성기

파비콘(Favicon)은 브라우저 탭, 북마크, 모바일 홈 화면 등에 표시되는 작은 아이콘입니다. 웹사이트의 브랜드 아이덴티티를 나타내며 사용자가 여러 탭 중에서 사이트를 쉽게 구분할 수 있게 해줍니다. 이 도구는 하나의 이미지를 업로드하면 웹사이트에 필요한 모든 크기의 파비콘을 자동으로 생성합니다. 모든 처리는 브라우저에서 이루어져 안전합니다.

시작하기

1. 정사각형 이미지를 업로드합니다 (PNG, JPG, SVG)
2. 다양한 크기의 파비콘이 자동으로 생성됩니다
3. 각 크기별 미리보기를 확인합니다
4. 개별 다운로드 또는 전체 ZIP 다운로드를 선택합니다
5. 다운로드한 파일을 웹사이트 루트 디렉토리에 배치합니다

생성되는 크기

• 16x16: 브라우저 탭 기본 크기
• 32x32: 고해상도 디스플레이 탭
• 48x48: Windows 사이트 아이콘
• 64x64: Windows 사이트 아이콘 (고해상도)
• 128x128: Chrome 웹 스토어
• 180x180: Apple Touch Icon (iOS)
• 192x192: Android Chrome
• 512x512: PWA 스플래시 화면

기능 소개

• 하나의 이미지로 8가지 크기(16x16~512x512)의 파비콘 자동 생성
• ICO 형식 및 PNG 형식 동시 지원
• 개별 크기 다운로드 또는 전체 ZIP 파일 일괄 다운로드
• PNG, JPG, SVG 등 다양한 원본 형식 지원
• 실시간 미리보기로 각 크기별 결과 확인

주의할 점

• 512x512 이상의 고해상도 정사각형 이미지를 사용하면 최상의 결과를 얻을 수 있습니다
• 투명 배경이 필요하면 PNG 형식의 원본을 사용하세요
• 너무 복잡한 디자인은 작은 크기에서 식별이 어려우므로 단순한 디자인을 추천합니다
• ICO 파일은 구형 브라우저 호환을 위해 함께 사용하는 것이 좋습니다
• HTML에 여러 크기의 link 태그를 모두 추가하면 최적의 호환성을 확보할 수 있습니다

활용 팁

• 개인 블로그나 포트폴리오 사이트에 파비콘 설정
• 회사 웹사이트에 로고 기반 파비콘 적용
• PWA(Progressive Web App) 개발 시 필요한 아이콘 세트 생성
• Chrome 익스텐션이나 웹 스토어 앱 아이콘 제작
• 모바일 홈 화면 바로가기 아이콘 준비

자주 하는 질문