파비콘 생성기 (Favicon Generator)

파비콘(Favicon)은 웹사이트의 정체성을 나타내는 필수적인 시각 요소입니다. 과거에는 16x16 픽셀 크기의 단일 파일(favicon.ico)만 있으면 충분했지만, 현재는 최신 브라우저를 위한 확장성 높은 favicon.svg, iOS 디바이스를 위한 apple-touch-icon.png, Android/PWA를 위한 192px/512px 고해상도 아이콘 등 완전한 세트를 구성하는 것이 최신 표준 규격입니다.

본 "파비콘 생성기"는 이미 가지고 있는 로고 이미지 파일은 물론이고, 간단한 텍스트 1~2자, 또는 예쁜 이모지 하나만으로도 이러한 최신 규격에 맞는 파비콘 세트를 원클릭으로 만들어줍니다. 특히 모든 작업 과정이 서버로의 전송 없이 사용자 컴퓨터(브라우저) 내부에서만 수행되므로 어떤 개인정보나 이미지 파일도 유출되지 않아 안심하고 사용할 수 있습니다.

파비콘 (Favicon)

웹 브라우저의 탭, 주소창, 북마크 목록 등에 표시되는 웹사이트의 대표 아이콘입니다. 작은 크기이지만 방문자가 사이트를 빠르고 확실하게 인식하도록 돕는 중요한 브랜딩 요소입니다.

.ico 파일 형식

전통적인 파비콘 이미지 파일 규격입니다. 여러 해상도(예: 16x16, 32x32, 48x48)의 이미지를 하나의 파일 안에 패키징할 수 있어, 레거시 브라우저에서도 가장 적절한 크기를 선택하여 표시할 수 있습니다.

애플 터치 아이콘 (Apple Touch Icon)

아이폰(iOS) 또는 아이패드 환경에서 사용자가 귀하의 웹사이트를 홈 화면에 바로가기로 추가할 때 사용되는 아이콘입니다. 최신 규격은 180x180 해상도의 PNG 파일입니다.

SVG 파비콘

크기를 아무리 늘리거나 줄여도 화질이 깨지지 않는 벡터 그래픽 기반의 최신 파비콘 규격입니다. 내부에 CSS 코드를 포함할 수 있어, 사용자의 기기가 다크 모드일 때만 다른 색상으로 변하게 하는 스마트한 구현이 가능합니다.

Web App Manifest (매니페스트)

웹사이트를 네이티브 앱처럼 설치하여 사용할 수 있게 해주는 PWA(Progressive Web App) 기술의 핵심 설정 파일입니다. JSON 형식으로 작성되며, 홈 화면에 설치될 때의 앱 이름과 고해상도 아이콘 경로(192px, 512px) 등을 브라우저에 알려줍니다.

Q.업로드한 이미지가 서버에 저장되나요?

아니요, 전혀 저장되지 않습니다. 파비콘 생성은 전적으로 브라우저 내부에서만 이루어지며, 외부 서버로 데이터가 전송되지 않으므로 매우 안전합니다.

Q.요즘 권장되는 파비콘 사이즈는 무엇인가요?

과거 브라우저 호환을 위한 favicon.ico 파일, 최신 브라우저를 위한 확장성 높은 favicon.svg, iOS 홈 화면 추가를 위한 apple-touch-icon.png (180px), 그리고 Android/PWA를 위한 192px/512px 아이콘이 권장되는 최신 표준입니다.

Q.배경을 투명하게 만들 수 있나요?

네. 업로드한 원본 이미지가 배경이 투명한 PNG 또는 SVG라면 '투명 배경 적용' 체크박스를 선택하세요. 텍스트나 이모지를 사용할 때도 배경을 투명하게 설정할 수 있습니다.

Q.다크 모드 SVG 배경색 설정은 무슨 기능인가요?

SVG 파비콘 내부에 CSS 미디어 쿼리를 삽입하여, 사용자의 OS나 브라우저가 다크 모드로 설정되어 있을 때 파비콘의 배경색이 지정한 색상으로 자동으로 변환되도록 하는 기능입니다.

Q.텍스트나 이모지로 만든 파비콘을 상업적으로 사용해도 되나요?

네, 본 생성기를 통해 만든 파비콘은 상업적으로 자유롭게 사용 가능합니다. 단, OS에서 기본 제공하는 시스템 이모지의 경우 사용자의 운영체제에 따라 형태가 다르게 나타날 수 있음을 유의하세요.