모든 기기를 위한 favicon 생성기
어떤 이미지든 favicon.ico, Apple 터치 아이콘, Android 및 PWA 아이콘과 바로 붙여넣을 수 있는 HTML 코드로 변환하세요. 또는 픽셀 단위로 직접 아이콘을 그려 보세요.
실시간 미리보기
앱 설정
고급 옵션
아이콘 세트
favicon.ico에 포함할 크기
이미지는 안전하게 처리되며 절대 공개되지 않습니다.
favicon 패키지가 준비되었습니다
ZIP 파일의 압축을 풀고 파일을 업로드한 뒤 아래 코드를 <head>에 붙여넣으세요
3단계로 favicon 만드는 방법
어떤 로고나 이미지든 1분 이내에 표준을 준수하는 완전한 favicon 세트로 만들어 보세요.
이미지 업로드
PNG, JPG, WebP, AVIF, GIF, SVG 또는 ICO 파일을 생성기에 끌어다 놓거나 픽셀 편집기에서 아이콘을 그리세요.
자르기 및 색상 조정
이미지를 드래그하고 확대/축소하며 여백, 둥근 모서리, 배경, 테마 색상을 설정하세요.
다운로드 및 설치
ZIP을 다운로드하여 파일을 웹사이트에 업로드하고 HTML 코드를 <head>에 붙여넣으세요.
웹사이트 아이콘에 필요한 모든 것
한 번의 업로드로 최신 브라우저, 휴대폰, 태블릿, 운영 체제가 요구하는 모든 아이콘을 만듭니다.
브라우저 favicon
여러 크기를 담은 favicon.ico와 Chrome, Firefox, Safari, Edge용 16, 32, 96px PNG 아이콘.
Apple 터치 아이콘
단색 배경의 57~180px 모든 iPhone 및 iPad 홈 화면 크기.
Android 및 PWA
최대 512px 아이콘, 마스크 가능 아이콘, 설치형 웹 앱용 manifest.json 제공.
Windows 타일
타일 이미지와 타일 색상이 적용된 browserconfig.xml.
픽셀 편집기
16×16 아이콘을 처음부터 선명하게 그리거나 업로드한 이미지의 픽셀을 하나하나 다듬어 보세요.
HTML 코드 포함
다운로드 페이지와 모든 패키지의 readme에서 <head> 코드를 복사해 붙여넣기만 하면 됩니다.
REST API
개인 API 키와 바로 사용할 수 있는 코드 예제로 favicon 생성을 자동화하세요.
비공개 및 보안
핫링크도 공개 갤러리도 없습니다. 아이콘은 오직 당신의 것이며 당신의 서버에 호스팅됩니다.
패키지에 포함된 favicon 크기
| 파일 | 크기 | 사용처 |
|---|---|---|
favicon.ico | 16, 32, 48 | 모든 브라우저, Windows, 크롤러 |
favicon-16x16.png, favicon-32x32.png | 16, 32 | 브라우저 탭, 북마크 |
favicon-96x96.png | 96 | Google 검색 결과, 바탕화면 바로가기 |
apple-icon-*.png, apple-touch-icon.png | 57 – 180 | iPhone, iPad 홈 화면 |
android-icon-*.png, web-app-manifest-*.png | 36 – 512 | Android 홈 화면, PWA |
maskable-icon-512x512.png | 512 | Android 어댑티브 아이콘 |
ms-icon-*.png | 70 – 310 | Windows 시작 타일 |
manifest.json, site.webmanifest, browserconfig.xml | — | PWA 설치, Windows 구성 |