파비콘 생성기

웹사이트의 브라우저 탭에 표시되는 아이콘을 쉽게 만들어보세요

권장: 512x512 픽셀 이상의 정사각형 이미지
0%

미리보기

파비콘 미리보기 내 웹사이트

파비콘이란 무엇인가요?

파비콘(Favicon)은 웹사이트를 나타내는 작은 아이콘으로, 브라우저 탭, 북마크 목록, 기록 등에 표시됩니다. 웹사이트의 브랜드 아이덴티티를 강화하는 중요한 요소입니다.

파비콘 사용 방법

  1. 이 도구를 사용하여 파비콘을 생성합니다.
  2. 생성된 파비콘을 다운로드하고 웹사이트의 루트 디렉토리에 업로드합니다.
  3. HTML의 <head> 섹션에 다음 코드를 추가합니다:
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">

모던 파비콘 가이드

최신 브라우저와 기기를 지원하기 위해 다음과 같은 파비콘 세트를 준비하는 것이 좋습니다:

  • favicon.ico: 16x16, 32x32 크기를 포함한 ICO 파일 (기본 파비콘)
  • favicon.svg: 벡터 기반 파비콘 (선택사항)
  • apple-touch-icon.png: 180x180 PNG 파일 (iOS 기기용)
  • manifest.json: PWA를 위한 아이콘 정의 (선택사항)