파비콘 생성기

이미지 한 장으로 favicon.ico, apple-touch-icon, PWA 아이콘 전체를 만듭니다.

이미지를 여기에 끌어다 놓기
또는 클릭해서 파일 선택 — 클립보드 붙여넣기도 가능

완전한 파비콘 세트는 여러 개의 파일을 필요로 합니다: 클래식한 favicon.ico, iOS 홈 화면용 180×180 apple-touch-icon, 그리고 Android와 PWA 매니페스트가 요구하는 192·512픽셀 아이콘이 그 대상입니다. 편집기에서 손으로 하나씩 만들면 번거롭고 실수도 잦습니다.

이 생성기는 정사각형 이미지 한 장으로 전체 세트를 한 번에 만들어 냅니다 — 브라우저 안에서 직접 조립되는 올바른 구조의 멀티 사이즈 .ico 파일까지 포함합니다. 모든 아이콘을 선언하는 HTML head 스니펫도 함께 제공되어 사이트 연동은 몇 초면 끝납니다.

최상의 결과를 위해 최소 512×512 이상의, 단순하고 대비가 높은 정사각형 이미지를 사용하세요. 로고와 글자 마크가 잘 어울리고, 디테일이 많은 사진은 16픽셀에서 뭉개집니다.

사용 방법

  1. 정사각형 이미지 한 장을 업로드합니다 (512×512 이상 권장).
  2. 생성되는 각 크기의 실시간 미리보기를 확인합니다.
  3. favicon.ico를 포함한 모든 파일을 ZIP으로 다운로드합니다.
  4. 제공된 <head> 스니펫을 사이트에 붙여넣고 파일을 해당 위치에 둡니다.

이 도구를 쓰는 이유

자주 묻는 질문

2026년에도 favicon.ico가 필요한가요?
최신 브라우저는 HTML에 선언된 PNG 아이콘을 잘 사용하지만, favicon.ico는 브라우저·리더·각종 도구가 /favicon.ico를 기본으로 요청할 때의 폴백입니다. 작은 파일 하나로 서버 로그의 404 도배를 막을 수 있습니다.
이미지가 정사각형이 아니면 어떻게 되나요?
정사각형 캔버스 중앙에 배치됩니다. 빈 여백을 채울 배경색을 고르거나, 투명을 지원하는 형식으로 투명을 유지할 수도 있습니다.
파일은 사이트 어디에 두나요?
사이트 루트(또는 head 스니펫이 선언한 디렉터리)에 제공된 HTML 태그와 함께 둡니다. 브라우저가 탭·북마크·홈 화면에 맞는 아이콘을 자동으로 고릅니다.
정교한 로고가 16px에서 흐릿해지는 이유는?
16픽셀은 총 256개 정도의 점뿐이라 디테일이 물리적으로 남을 수 없습니다. 파비콘용으로는 굵은 선, 단순한 형태, 높은 대비의 단순화된 마크를 디자인하세요.