파비콘 생성기
이미지 한 장으로 브라우저, Apple touch, PWA 크기와 바로 복사할 수 있는 HTML이 포함된 실용적인 파비콘 세트를 만듭니다.
이미지마다 최대 20 MiB, 40메가픽셀. 콘택트 시트는 2–50장, 합계 100 MiB까지 가능합니다. 아이콘은 전체 이미지를 투명 여백이 있는 정사각형 안에 맞춥니다.
이 도구가 필요한 이유
단순하고 대비가 높은 마크가 아주 작은 파비콘 크기에서도 가장 잘 보입니다.
- ✓ 16–512px 크기
- ✓ 실시간 미리보기
- ✓ HTML 코드 조각
- ✓ 브라우저 로컬 처리
이럴 때 유용해요
- • 웹사이트
- • PWA
- • 브랜드 리뉴얼
사이트에서 실제로 쓸 수 있는 아이콘 세트 만들기
파비콘은 작은 ICO 파일 하나가 아닙니다. 최신 사이트에는 여러 PNG 크기, Apple touch 아이콘, PWA 아이콘, 이를 연결하는 짧은 HTML이 필요할 수 있습니다.
정사각형 원본으로 시작하기
단순하고 대비가 높은 마크는 세밀한 일러스트보다 작은 크기에서 더 잘 살아남습니다. 512픽셀 이상의 정사각형 원본이면 작은 아이콘도 깔끔하게 만들 수 있습니다.
게시하기 전에 가장 작은 아이콘을 미리 보세요. 512픽셀에서 완벽한 로고도 16이나 32픽셀에서는 알아보기 어려울 수 있습니다.
현재 아이콘을 바꾸기 전에 패키지 확인하기
생성된 파일을 열어 이름과 크기를 확인하고, 제공된 코드를 사이트의 head에 붙여 넣으세요. 새 파일 확인이 끝날 때까지 기존 파비콘 세트는 유지하세요.
자주 묻는 질문
파비콘에는 어떤 이미지를 써야 하나요?
깔끔한 정사각형 로고나 심볼이 가장 좋습니다. 높은 대비와 단순한 모양이 세밀한 디테일보다 아주 작은 크기에서 잘 보입니다.
웹사이트에는 어떤 파비콘 크기가 필요한가요?
일반적인 웹과 기기 환경에서는 파일 하나가 아니라 여러 크기를 씁니다. 생성기는 여러 PNG 크기와 ICO 패키지를 제공하므로 사이트에 필요한 파일을 고를 수 있습니다.
favicon.ico와 PNG 아이콘이 모두 필요한가요?
서로 다른 브라우저와 플랫폼에서 쓰이므로, 폭넓은 호환성이 중요하다면 둘 다 두는 것이 실용적입니다.
SVG 로고를 써도 되나요?
브라우저가 읽을 수 있다면 가능합니다. 다만 래스터화 과정에서 글꼴, 필터, 외부 참조가 달라질 수 있으니 생성된 PNG/ICO를 확인하세요.