파비콘 생성기
로고, SVG, 글자, 이모지를 브라우저, Google, iPhone, Android용 파비콘 세트로 바꿔 보세요. 실시간 미리 보기와 바로 쓸 수 있는 설치 코드를 제공해요.
사용 방법: 파비콘 생성기
- 1
소스 선택
PNG, JPG, WebP 또는 SVG 로고를 업로드해 정사각형으로 자르거나, 글자나 이모지를 입력하고 글꼴과 색상을 고르세요.
- 2
플랫폼별로 조정
브라우저, iOS, Android별로 배경, 모서리, 여백을 설정하고 Android 아이콘을 마스커블로 만든 뒤 탭, 검색 결과, 홈 화면 미리 보기를 실시간으로 확인하세요.
- 3
다운로드 및 설치
favicon.ico, favicon.svg, PNG 아이콘, site.webmanifest를 ZIP 하나로 받은 다음 HTML, Next.js, Vite 또는 WordPress 안내에 따라 설치하세요.
요즘 파비콘 세트에 들어가는 것
파비콘은 브라우저 탭, 북마크, Google 검색 결과에 표시되는 작은 아이콘이며, 휴대폰에서는 사이트의 홈 화면 아이콘이 되기도 해요. 플랫폼마다 필요한 파일이 달라서 요즘 파비콘은 이미지 한 장이 아니라 여러 이미지와 웹 앱 매니페스트로 이루어진 작은 세트예요.
PNG, JPG, WebP 또는 SVG 로고를 업로드해 정사각형으로 자르거나, 글자나 이모지로 아이콘을 만드세요. 그런 다음 플랫폼별로 따로 조정하세요. 데스크톱 브라우저와 Google에는 배경과 모서리를, iPhone 홈 화면에는 불투명한 배경과 여백을, Android에는 로고를 안전 영역 안에 유지하는 마스커블 아이콘을 설정할 수 있어요. 실시간 미리 보기로 라이트·다크 모드의 브라우저 탭, 북마크바, Google 검색 결과, 원·스쿼클·둥근 사각형 마스크를 적용한 iOS와 Android 홈 화면을 확인할 수 있어요.
ZIP은 최신 권장 사항을 따릅니다. 16, 32, 48 px 크기의 favicon.ico, 원본이 SVG일 때의 favicon.svg(다크 모드 대응 선택 가능), favicon-96x96.png, 180×180 apple-touch-icon.png, 192 px와 512 px 매니페스트 아이콘, site.webmanifest가 들어 있어요. HTML 코드를 복사하거나 Next.js, React/Vite, WordPress 안내를 따른 다음 파비콘 검사기로 결과를 확인하세요. 모든 파일은 브라우저 안에서 생성돼요.
모든 작업은 브라우저에서 로컬로 처리되며, 이미지는 서버에 절대 업로드되지 않습니다.