파비콘 및 앱 아이콘 생성기
텍스트, 이미지/SVG 또는 이모지로 다중 해상도 favicon.ico(16x16, 32x32, 48x48), Apple Touch Icon(180x180) 및 Android PWA 아이콘 세트를 브라우저에서 즉시 생성하세요.
다중 해상도 바이너리 favicon.ico 라이트/다크 탭 및 Google 검색 미리보기 Apple Touch 및 Android PWA 완벽 지원
아이콘 소스
글자 크기 비율56%
배경 및 모양 스타일
모서리 둥글기22%
안전 여백 (패딩)12%
실시간 브라우저 탭 및 기기 미리보기
브라우저 탭 (라이트)
Anything Tools
브라우저 탭 (다크)
Anything Tools
Google 검색 결과 미리보기
Anything Tools
https://example.com
Anything Tools — Official Website
Anything Tools
생성된 파비콘 및 앱 아이콘 패키지
favicon.ico
16×16, 32×32, 48×48 multi-layer
favicon-16x16.png
16×16 px (Browser Tab)
favicon-32x32.png
32×32 px (Retina Tab)
favicon-48x48.png
48×48 px (Google SERP)
apple-touch-icon.png
180×180 px (iOS / Safari)
android-chrome-192x192.png
192×192 px (Android / PWA)
android-chrome-512x512.png
512×512 px (PWA Splash)
HTML Head 태그 및 Web Manifest
<link rel="icon" type="image/x-icon" href="/favicon.ico"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="manifest" href="/site.webmanifest">
원본 SVG 로고의 색상을 먼저 변경하거나 최적화하시겠습니까?SVG 뷰어 및 최적화 도구
온라인에서 웹사이트 파비콘 패키지를 생성하는 방법
세 단계로 파비콘, iOS 터치 아이콘 및 PWA 매니페스트를 완성하세요.
1
아이콘 소스 선택
이니셜 텍스트를 입력하거나 이모지를 고르거나 기존 PNG/SVG 로고를 업로드합니다.
2
배경 맞춤 설정 및 실시간 미리보기
그라데이션, 모서리 반경, 여백을 조정하면서 라이트/다크 브라우저 탭과 Google 검색 결과를 확인합니다.
3
다중 레이어 ICO 및 PNG 내보내기
favicon.ico, apple-touch-icon.png, PWA 아이콘 및 site.webmanifest를 다운로드하고 HTML 코드를 복사하세요.
현대적인 웹사이트 아이콘을 위한 올인원 도구
텍스트, 이미지/SVG 또는 이모지로 다중 해상도 favicon.ico(16x16, 32x32, 48x48), Apple Touch Icon(180x180) 및 Android PWA 아이콘 세트를 브라우저에서 즉시 생성하세요.
다중 해상도 바이너리 favicon.ico
16x16, 32x32, 48x48 PNG 레이어를 단일 표준 Windows ICO 바이너리 파일로 브라우저에서 직접 패킹합니다.
라이트/다크 탭 및 Google 검색 미리보기
내보내기 전에 16x16 픽셀 크기에서의 가독성과 대비를 실시간으로 확인합니다.
Apple Touch 및 Android PWA 완벽 지원
180x180 iOS 아이콘, 192x192 및 512x512 PWA 아이콘과 site.webmanifest 파일을 함께 생성합니다.
관련 게시물
Design
파비콘 생성기 완벽 가이드: 다중 크기 ICO, Apple Touch 및 PWA 아이콘 제작
브라우저에서 다중 레이어 favicon.ico(16x16, 32x32, 48x48), 180x180 Apple Touch Icon, Android PWA 아이콘 및 site.webmanifest를 한 번에 생성하는 방법을 알아보세요.
•6 분 분량
Developer Tools
온라인에서 SVG 코드 미리보기, 실시간 색상 변경 및 최적화 방법
브라우저에서 SVG 코드를 즉시 렌더링하고, 컬러 피커 드래그로 색상을 실시간 변경하며, XML 압축 및 2x/4x 고해상도 PNG 내보내기를 수행하는 가이드.
•5 분 분량
자주 묻는 질문
가장 자주 묻는 질문에 대한 답변을 확인하세요.