작동 방식

소스 선택

이미지 업로드, 커스텀 폰트로 텍스트에서 생성, 수백 개의 이모지 중에서 선택, 또는 픽셀 아트 그리기. 모든 URL을 분석하여 기존 Favicon 추출.

사용자 지정 & 미리보기

배경, 그라디언트, 둥근 정도 및 효과를 조정하세요. 브라우저 탭, iOS 홈 화면, Android 및 Windows 목업에서 Favicon을 실시간으로 미리 보세요.

생성 & 다운로드

한 번의 클릭으로 모든 크기를 생성하세요. 35개 이상의 프레임워크를 위한 바로 사용 가능한 코드 조각이 포함된 전체 패키지를 다운로드하세요.

Favicon을 만드는 네 가지 방법

이미지 업로드

PNG, JPG, SVG 또는 WebP 등 모든 이미지로 시작하세요. 배경을 추가하고, 패딩, 밝기, 대비를 조정하고 둥근 모서리를 적용하세요. 로고 및 기존 브랜드 자산에 완벽합니다.

텍스트를 Favicon으로

1500개 이상의 Google Fonts로 텍스트 기반 Favicon을 만드세요. 글꼴 두께, 색상을 선택하고 단색 또는 그라디언트 배경을 추가하세요. 간단한 문자 기반 브랜드 아이콘에 이상적입니다.

이모지 Favicon

모든 국기를 포함한 12개 카테고리의 수백 개 이모지 중에서 선택하세요. 프리셋 또는 사용자 지정 그라디언트로 색상 배경을 추가하여 세련된 룩을 연출하세요.

픽셀 아트 캔버스

사용자 지정 가능한 그리드 위에 픽셀 단위로 나만의 Favicon을 그리세요. 실행 취소/다시 실행 지원이 있는 펜, 지우개 및 채우기 도구를 사용하세요. 픽셀 아트 창작물을 즉시 내보내세요.

강력한 기능

100% 비공개

모든 처리는 브라우저에서 로컬로 이루어집니다. 이미지는 절대 기기를 떠나지 않습니다. 업로드 없음, 클라우드 저장소 없음, 데이터 수집 없음.

모든 플랫폼 커버

브라우저, iOS 홈 화면, Android Chrome, Windows 타일, Safari 고정 탭 및 Progressive Web Apps를 위한 15개 이상의 Favicon 크기를 생성합니다.

실시간 미리보기

생성하기 전에 브라우저 탭, iOS 홈 화면, Android 런처 및 Windows 타일에서 Favicon이 어떻게 보이는지 정확하게 확인하세요.

35+ 프레임워크 스니펫

HTML, React, Vue, Next.js, Nuxt, Angular, Astro, Svelte, WordPress, Shopify, Laravel, Django 및 25개 이상의 추가 플랫폼을 위한 바로 사용 가능한 코드를 받으세요.

URL 분석기

모든 웹사이트를 분석하여 기존 Favicon을 추출하세요. 어떤 크기가 있고 무엇이 누락되었는지 확인하고 한 번의 클릭으로 전체 세트를 재생성하세요.

생성 기록

최근 Favicon 생성에 액세스하세요. 이전 창작물을 복원하고, 버전을 비교하거나, 중단한 곳에서 편집을 계속하세요.

빠른 템플릿

단색, 그라디언트 및 패턴이 특징인 전문적으로 디자인된 템플릿으로 시작하세요. 브랜드에 맞게 적용하고 사용자 지정하세요.

다중 크기 ICO

최대 브라우저 호환성을 위해 16x16, 32x32 및 48x48 크기를 포함하는 다중 해상도 ICO 파일을 자동으로 생성합니다.

전체 출력 패키지

표준 Favicon

브라우저 탭 및 북마크용 favicon.ico (다중 크기), 16x16, 32x32 및 48x48 PNG.

Apple Touch 아이콘

iOS 홈 화면용 180x180 Apple Touch Icon 및 사용자 지정 테마 색상의 Safari 고정 탭 SVG.

Android 및 PWA 아이콘

Android Chrome 및 Progressive Web Apps용 192x192 및 512x512 아이콘 (마스커블 아이콘 지원 포함).

Windows 타일

Windows 시작 메뉴 및 작업 표시줄 통합을 위한 browserconfig.xml이 포함된 270x270 Microsoft 타일.

웹 매니페스트

아이콘 참조, 테마 색상 및 PWA 디스플레이 설정이 포함된 전체 site.webmanifest 파일.

자주 묻는 질문

어떤 Favicon 크기가 필요한가요?

최소: favicon.ico, 32x32 PNG, 180x180 Apple Touch Icon, 및 Android/PWA용 192x192/512x512. 당사의 '필수' 프리셋은 필요한 모든 크기를 자동으로 포함합니다.

왜 ICO 파일이 필요한가요?

ICO 형식은 하나의 파일에 여러 크기를 포함하며 구형 버전을 포함한 모든 브라우저에서 지원됩니다. 최대 호환성을 보장하는 전통적인 Favicon 형식입니다.

Favicon 배경은 투명해야 하나요?

브라우저 탭의 경우 투명이 잘 작동합니다. iOS 및 Android 홈 화면의 경우 아이콘이 다양한 배경화면에 나타나므로 단색 또는 그라디언트 배경을 고려하세요.

소스 이미지는 정사각형이어야 하나요?

네, Favicon은 항상 정사각형입니다. 이미지가 정사각형이 아닌 경우 패딩 및 크기 조절 컨트롤을 사용하여 완벽하게 맞추세요. 최상의 결과를 위해 정사각형 이미지로 시작하세요.

내 이미지는 안전하고 비공개인가요?

100% 비공개입니다. 모든 처리는 브라우저 네이티브 Canvas 및 Blob API를 사용합니다. 이미지는 절대 기기를 떠나지 않습니다. 당사는 어떠한 데이터도 업로드, 저장 또는 전송하지 않습니다.

어떤 프레임워크가 지원되나요?

React, Vue, Angular, Next.js, Nuxt, Astro, Svelte, WordPress, Shopify, Laravel, Django, Ruby on Rails 등 35개 이상의 플랫폼을 위한 코드 조각을 제공합니다.

Progressive Web Apps는 어떤가요?

당사의 생성기는 마스커블 변형을 포함한 모든 필수 PWA 아이콘과 올바른 아이콘 선언 및 테마 색상이 포함된 전체 site.webmanifest 파일을 생성합니다.

Favicon 이해하기

Favicon은 브라우저, 북마크, 홈 화면 및 앱 런처에서 웹사이트를 나타내는 작은 아이콘입니다. 완전한 Favicon 세트는 사용자가 사이트를 만나는 모든 곳에서 브랜드가 전문적이고 인식 가능하게 보이도록 보장합니다.

ICO 형식

ICO 형식은 여러 크기(16x16, 32x32, 48x48)를 하나의 파일로 묶습니다. 현대 브라우저는 PNG Favicon을 지원하지만, 구형 브라우저 및 특정 데스크톱 애플리케이션과의 최대 호환성을 위해 ICO는 여전히 필수적입니다.

PNG 아이콘

현대 브라우저는 선명한 품질과 투명도 지원으로 인해 PNG Favicon을 선호합니다. 각 크기는 목적이 있습니다: 브라우저 탭용 16px 및 32px, iOS용 180px, Android 및 PWA용 192px/512px.

웹 앱 매니페스트

site.webmanifest 파일은 사이트가 PWA로 설치될 때 어떻게 보이는지 정의합니다. 브라우저가 앱과 같은 경험을 생성하는 데 사용하는 아이콘, 테마 색상, 디스플레이 모드 및 기타 메타데이터를 지정합니다.

SVG Favicon

Safari의 고정 탭 기능은 단색 SVG 아이콘을 사용합니다. 현대 브라우저도 SVG Favicon을 직접 지원하기 시작하여 무한한 확장성과 더 작은 파일 크기를 제공합니다.