도구

몇 초 안에 아이콘 키트 제작

소스를 선택하고 디자인을 조정한 뒤, 붙여넣기만 하면 되는 HTML 코드가 담긴 전체 ZIP을 받으세요. 모든 것은 브라우저 안에서 이루어집니다.

파비콘 생성기

온라인 디자인, 멀티미디어 및 UI/UX

로그인

이미지를 여기에 놓거나 클릭하여 찾아보세요 PNG, JPG, WebP, GIF, BMP 또는 SVG · 로컬 처리, 업로드 없음

생성된 파일 전체 키트 다운로드 (.zip)

사이트의 <head>에 붙여넣을 코드

0,0 0좋아요 0댓글 모든 도구

무료 또는 Premium?

무료 버전은 전체 키트를 만듭니다. Premium은 Volade 에코시스템 전체를 잠금 해제합니다.

favicon.ico, PNG, SVG, maskable, 매니페스트 및 HTML 코드 — 무제한무료

100 % 로컬, 이미지 크기 제한 없음무료

URL 가져오기, 사이트 파비콘 추출 및 무제한 프로젝트Premium

파일 최적화 및 호환성 보고서Premium

Premium 잠금 해제

기능

단순한 파비콘 그 이상

완벽한 아이콘 키트

favicon.ico, 16~512px PNG, 벡터 SVG, Apple Touch Icon, maskable 아이콘 및 매니페스트: 브라우저, iOS, PWA 표준에 따라 모든 파일이 올바른 크기로 생성됩니다.

형식 알아보기

100 % 로컬, 100 % 프라이빗

로고는 브라우저 안에서 처리됩니다. 어떤 이미지도 업로드·저장·분석되지 않습니다. 파일이 기기를 벗어나지 않습니다.

개인정보 처리방침

실제 환경 미리보기

게시 전에 브라우저 탭, 북마크, 모바일 홈 화면에서 아이콘을 확인하세요.

미리보기 보기

사용 방법

3단계로 파비콘 만들기

소스 선택

이미지를 가져오거나 텍스트·이니셜을 입력하거나 이모지를 붙여넣으세요 — 전부 로컬에서 처리되며 전송되는 것이 없습니다.

디자인 커스터마이즈

배경, 그라데이션, 모양, 안쪽 여백, 확대/축소, 회전: 16px에서 512px까지 완벽한 결과를 찾아보세요.

생성 및 다운로드

PNG, favicon.ico, SVG, 매니페스트, 붙여넣기만 하면 되는 HTML 코드가 담긴 전체 ZIP을 받으세요.

FAQ

자주 묻는 질문

파비콘이란 무엇인가요?

파비콘은 브라우저 탭, 북마크, 기록에 표시되는 작은 아이콘입니다. 사이트의 첫 시각적 얼굴이기도 하며, 한눈에 알아볼 수 있게 하고 시각적 브랜딩을 강화합니다. 좋은 키트는 모바일 홈 화면(Apple Touch Icon)과 설치 가능한 웹 앱(PWA)도 커버합니다.

제 이미지가 기기 밖으로 나가나요?

아니요. 생성기는 전적으로 브라우저 안에서 작동합니다. 이미지는 로컬에서 처리되고 서버에 업로드·저장·분석되는 데이터가 없습니다. 이는 100 % 클라이언트 사이드 JavaScript로 만들어진 도구의 작동 방식 자체가 보장합니다.

파비콘의 이상적인 크기는 무엇인가요?

단일 크기는 없습니다. 각 화면이 고유한 크기를 요구합니다. 기준 조합은 16·32·48px을 담은 favicon.ico(Internet Explorer와 Windows 필수), 대부분의 브라우저용 16·32px PNG, 최신 브라우저용 favicon.svg, iOS용 180px 아이콘, Android PWA용 192/512px 아이콘입니다. 생성기가 이 모든 크기를 자동 생성합니다.

favicon.ico, PNG, SVG의 차이는 무엇인가요?

ICO는 Windows의 역사적 형식으로, 여러 해상도의 썸네일을 하나의 파일에 담는 컨테이너입니다. PNG는 최신 브라우저에서 가장 보편적인 형식입니다. SVG는 벡터로, HiDPI 디스플레이를 포함해 모든 해상도에서 선명함을 유지합니다. 세 형식은 상호 보완되며 가능한 한 넓은 호환성을 커버합니다.

maskable 아이콘(PWA)이란 무엇인가요?

maskable 아이콘은 투명 영역 없이 제공된 정사각형 전체를 채웁니다. Android가 이후 둥근 모서리나 원형 모양에 맞춰 마스크를 적용합니다. 안전 영역은 중앙의 80 % 원입니다. 로고의 핵심 요소를 중앙에 유지하세요. 생성기는 web manifest의 purpose: maskable 선언과 함께 이 변형을 자동 생성합니다.

사이트에 파비콘을 어떻게 설치하나요?

키트를 다운로드하고 파일을 사이트 루트에 복사한 뒤 제공된 코드를 각 페이지의 <head>에 붙여넣으세요. WordPress에서는 테마(header.php)나 플러그인으로, React·Next.js·Vite·Astro·Nuxt·SvelteKit에서는 프레임워크의 head 컴포넌트에 태그를 배치하세요. 링크는 동일합니다.

Apple Touch Icon이란 무엇인가요?

iPhone과 iPad가 홈 화면에 사이트를 표시할 때 사용하는 아이콘입니다. 예를 들어 Safari에서 '홈 화면에 추가' 후에 표시됩니다. Apple은 apple-touch-icon.png라는 180px 정사각형 PNG를 요구하며, 생성기가 자동 생성합니다.

ICO 형식이 아직 필요한가요?

거의 모든 최신 브라우저가 PNG와 SVG를 받아들이지만, ICO는 여전히 Windows, 일부 구형 브라우저, 북마크 백업 도구에서 요구됩니다. 제공해도 비용이 들지 않고 완전한 호환성을 보장합니다. 그래서 키트에 다중 크기로 포함되어 있습니다.

정말 무료인가요?

네. 무료 버전은 계정 없이, 사용 제한 없이 완전한 아이콘 키트를 만듭니다. Premium 구독은 고급 기능(URL 가져오기, 기존 사이트에서 파비콘 추출, 무제한 프로젝트, 파일 최적화, 호환성 보고서)을 잠금 해제합니다.

전문 사이트에 사용할 수 있나요?

물론입니다. 생성된 파일은 프로젝트에서 로열티가 없습니다. 키트는 비즈니스 사이트, 온라인 스토어, 웹 앱, PWA를 위해 설계되었습니다. Premium 구독으로 무제한 프로젝트, 자동 최적화, 클라이언트용 호환성 보고서도 이용할 수 있습니다.

올바른 형식 선택

아이콘 형식 비교

브라우저, iOS, Android, PWA의 각 화면은 특정 형식과 크기를 요구합니다. 모두 커버해야 하는 이유는 다음과 같습니다.

favicon.ico — 표준

하나의 파일에 다중 해상도(16·32·48px)를 담은 Windows 컨테이너. Internet Explorer, Windows, 북마크에 필수입니다.

PNG — 보편적 기반

최신 브라우저의 기준 형식. 16·32·48·180·192·512px 크기가 Chrome, Firefox, Edge, iOS, Android를 커버합니다.

SVG — 벡터

HiDPI를 포함한 모든 해상도에서 완벽한 선명도. PNG 썸네일 대체로 대부분의 최신 브라우저가 지원합니다.

Maskable — PWA

Android가 설치 가능한 웹 앱에 요구하는 '전체 여백' 변형. purpose: maskable로 선언되어 모든 마스크에 맞춰집니다.

온라인 파비콘 생성기: 로컬, 무료, 완벽

Volade 파비콘 생성기는 사이트에 실제로 필요한 완전한 아이콘 키트를 몇 초 안에 만듭니다. 다중 해상도 favicon.ico, 16~512px PNG, 벡터 favicon.svg, iOS용 Apple Touch Icon, PWA용 maskable 아이콘, 관련 web manifest. 이미지·텍스트·이모지 중에서 각 썸네일이 올바른 크기로 생성되고, 통합 HTML 코드와 함께 배포 준비가 된 ZIP으로 묶입니다.

도구는 전적으로 브라우저 안에서 작동합니다. 로고가 기기 밖으로 나가지 않고, 계정이 필요 없으며 처리가 즉시 이루어집니다. 새 사이트를 준비하는 웹마스터, 설치 가능한 웹 앱을 출시하는 크리에이터, 스토어를 운영하는 온라인 판매자, 완벽한 PWA를 전달하고 싶은 개발자에게 이상적입니다.

파비콘이 필수적인 이유

파비콘은 방문자가 가장 먼저 인지하는 것입니다. 탭, 북마크, 기록, 모바일 홈 화면에서 말이죠. 없으면 사이트는 평범한 빈 아이콘을 보여줍니다. 있으면 한눈에 알아볼 수 있고 더 큰 신뢰를 줍니다. 또한 전문성의 표시이기도 합니다. 파비콘을 정성스럽게 관리하는 사이트는 더 진지한 이미지를 전달합니다 — 블로그, 스토어, SaaS에 중요한 세부 사항입니다.

그리고 2026년에는 좋은 파비콘이 기술적 전제 조건입니다. 검색 엔진과 앱 디렉토리는 결과 표시에 이 아이콘들을 사용하고, PWA는 설치 가능하려면 이 아이콘을 요구합니다. 더 이상 세부 사항이 아니라 표준입니다.

favicon.ico, PNG, SVG: 어떤 형식을 선택할까요?

올바른 접근은 하나의 형식을 고르는 것이 아니라 모두 제공하는 것입니다. 다중 크기 ICO(16·32·48px)는 Windows의 역사적 형식이고, PNG는 최신 브라우저의 보편적인 기반이며, 벡터 SVG는 HiDPI 디스플레이와 확대된 탭에서 완벽한 선명도를 제공합니다. 키트는 Apple Touch Icon(180px)과 PWA 아이콘(192·512px)으로 세트를 완성하고, 모두 표준 매니페스트로 선언합니다.

실제로 각 브라우저는 스스로 가장 적합한 선언을 선택합니다. 여러 형식을 선언해도 속도가 느려지지 않지만 호환성은 최대화됩니다. 도구가 생성하는 것이 바로 이것이며, 붙여넣기만 하면 되는 코드가 함께 제공됩니다.

PWA·maskable 아이콘: 설치 가능한 앱 준비

Progressive Web App은 설치 가능성에서 일반 페이지와 차별화됩니다. 올바른 web manifest와 Android·Chrome이 요구하는 크기의 아이콘이 필요합니다. maskable 아이콘은 잘라내기 마스크(원형, 둥근 모서리, 사각형)에 맞도록 정사각형 전체를 채웁니다. 안전 영역은 중앙 80 % 원이므로 생성기가 이 변형과 purpose: maskable 선언을 자동 추가합니다.

제공되는 매니페스트(name, short_name, 색상, 아이콘)와 함께 앱은 홈 화면에서 한 번의 클릭으로 설치 가능해집니다. 방문자를 붙잡고 사이트를 앱으로 바꾸는 소중한 자산입니다.

Apple Touch Icon과 Safari: iOS·macOS에서 빛나기

iPhone·iPad에서 Safari(및 iOS 브라우저)는 홈 화면에 전용 아이콘을 표시합니다. 180px 정사각형 PNG이며 이름은 apple-touch-icon.png입니다. macOS에서도 Safari와 북마크가 이 아이콘들을 사용합니다. 잘 정돈된 Apple Touch Icon은 추가 설정 없이 Apple 에코시스템 전체에서 네이티브한 전문성을 보장합니다.

최적화된 파비콘, SEO의 자산

파비콘은 사이트의 인지된 품질에 기여합니다. 가벼운 페이지, 선명한 아이콘, 명확한 정체성은 방문자에게 긍정적인 신호이며, 자연 검색 순위에도 긍정적입니다. 최적화된 PNG와 SVG를 사용하면 불필요하게 무거운 파일을 피하고 모바일에서도 완벽한 성능을 유지할 수 있습니다.

누가 활용할 수 있나요?

클라이언트를 위해 사이트를 준비하는 웹마스터와 에이전시, 설치 가능한 PWA를 전달하는 개발자, 알아볼 수 있는 스토어를 원하는 온라인 판매자, 브랜드를 다듬는 블로거와 크리에이터, 그리고 몇 초 안에 프로페셔널한 결과를 원하는 모든 사이트 소유자.

수준에 관계없이 도구는 완전히 간단합니다. 이미지·텍스트·이모지, 미리보기 확인, 다운로드 클릭 한 번. 무료 버전에는 등록이 필요 없습니다.

로고는 기기를 벗어나지 않습니다

대부분의 온라인 파비콘 생성기는 로고를 자신의 서버에 업로드하라고 요구합니다. Volade는 반대입니다. 모든 것이 브라우저 안에서 이루어집니다. 이미지가 기기 밖으로 나가지 않고, 무료 버전에는 계정이 필요 없습니다.

이 선택에는 두 가지 즉각적인 이점이 있습니다. 첫째는 프라이버시: 로고, 시각 자료, 클라이언트 파일이 제3자를 거치지 않습니다. 둘째는 속도와 단순성: 업로드 대기가 없고 커스터마이즈와 동시에 키트가 생성되며 크기·시간 제한이 없습니다.

프리미엄 라이선스 하나로 모든 웹 도구

Volade 구독으로 모든 웹 도구와 브라우저, CMS, 데스크톱, 스크립트를 모든 기기에서 사용할 수 있습니다.

프리미엄으로 전환 도구 보기