광고 공간

파비콘 생성기

이미지를 업로드하여 다양한 크기의 파비콘을 생성하세요

1. 이미지 업로드

PNG, JPG 이미지 파일을 여기에 끌어다 놓거나,

클릭하여 파일 선택

권장 크기: 1024x1024 이상 (정사각형 이미지)

2. 옵션 설정

체크하면 이미지의 가로세로 비율이 유지됩니다

파비콘 사용 가이드

파비콘이란?

파비콘(Favicon)은 웹사이트의 브라우저 탭, 북마크, 주소창 등에 표시되는 작은 아이콘입니다. 웹사이트의 브랜드 아이덴티티를 나타내는 중요한 요소입니다.

파비콘 파일 크기

현대적인 웹사이트는 다양한 기기와 브라우저를 지원하기 위해 여러 크기의 파비콘이 필요합니다:

  • 16×16, 32×32 - 기본 파비콘 크기로, 대부분의 브라우저 탭과 북마크에 사용됩니다.
  • 48×48 - Windows 작업 표시줄에 사용됩니다.
  • 128×128, 192×192 - Android Chrome 브라우저와 PWA(Progressive Web App)에 사용됩니다.
  • 180×180 - Apple 기기의 홈 화면 아이콘으로 사용됩니다.
  • 512×512 - PWA 스플래시 화면과 앱 스토어 아이콘에 사용됩니다.

파비콘 파일 설치 방법

  1. ZIP 파일을 다운로드하고 압축을 풉니다.
  2. 모든 파비콘 파일과 site.webmanifest 파일을 웹사이트의 루트 디렉토리나 원하는 폴더에 업로드합니다.
  3. HTML 코드를 복사하여 웹사이트의 <head> 태그 안에 붙여넣습니다.
  4. 경로가 올바른지 확인하고 필요에 따라 수정합니다.

💡 Pro Tip: 대부분의 모던 브라우저는 PNG 파비콘을 지원하지만, 일부 오래된 브라우저는 ICO 파일만 지원할 수 있습니다. ICO 파일이 필요하다면 온라인 변환 도구를 사용하여 PNG를 ICO로 변환하세요.

웹 매니페스트(Web Manifest) 파일

PWA를 지원하려면 site.webmanifest 파일이 필요합니다. 이 파일은 ZIP 다운로드에 포함되어 있으며, 다음과 같은 정보를 포함합니다:

  • name, short_name: 웹 앱의 이름
  • icons: 다양한 크기의 앱 아이콘 정보
  • theme_color: 앱의 테마 색상
  • background_color: 스플래시 화면의 배경색
  • display: 앱 표시 모드 (standalone, fullscreen 등)

ZIP 파일에 포함된 README.txt 파일에서 더 자세한 설치 안내를 확인할 수 있습니다.

광고 공간