파비콘 생성
이미지 한 장으로 완전한 Favicon 패키지 생성: .ico, 각 크기 PNG, apple-touch-icon, webmanifest, HTML 스니펫. 로컬 처리, 업로드 없음.
내 파일
기기에서 로컬로 처리 중 ...
0%
파일이 기기를 떠난 적이 없습니다
제 파일이 업로드되나요?
아니요. 모든 처리가 브라우저에서 이루어지며, 파일이 기기를 떠나지 않습니다. 이것을 검증하는 방법
Favicon은 파일 하나로 끝나지 않습니다. 브라우저, 스마트폰, 웹 앱은 저마다 다양한 크기와 형식의 아이콘 세트를 요구합니다. 브라우저 탭용 다중 해상도 favicon.ico, 개별 PNG 파일, iPhone 홈 화면용 apple-touch-icon, Android 웹 앱 설치용 대형 아이콘이 모두 필요합니다. 이 도구가 번거로운 작업을 대신해 이미지 한 장으로 완전한 패키지를 생성합니다.
정사각형 이미지를 드롭하면 ZIP 파일을 받을 수 있습니다. 한 변이 512px 이상인 PNG가 이상적입니다. ZIP에는 favicon.ico(16, 32, 48px), 각 PNG, 180px apple-touch-icon, 192px와 512px 앱 아이콘 두 개가 포함됩니다. 완성된 site.webmanifest와 페이지 `<head>`에 바로 붙여넣을 수 있는 HTML 스니펫도 함께 제공되어, 개별 링크를 직접 조합할 필요가 없습니다.
이미지는 잘리지 않고 각 크기에 맞게 조정되어 가운데 배치됩니다. 브라우저 아이콘은 투명도를 유지하지만, iOS와 Android 앱 아이콘에는 배경색이 적용됩니다. 해당 운영체제가 투명 영역을 검정으로 표시하기 때문입니다. 흰색, 검정, 투명 중에서 선택할 수 있으며, 플랫폼마다 따로 설정할 수 있습니다(예: iPhone 아이콘은 흰색, Android 아이콘은 투명). 이 사이트의 모든 도구와 마찬가지로 변환은 브라우저 내에서만 이루어지며, 이미지가 업로드되거나 외부 서버에서 라이브러리가 로드되지 않습니다.
기술 사양
| 입력 형식 | PNG, JPG, JPEG, WEBP, GIF, BMP |
|---|---|
| 출력 형식 | ZIP |
| 일괄 처리 | 미지원 |
| 처리 방식 | 브라우저에서 로컬 처리 (JavaScript) |
| 파일 업로드 | 없음 |
3단계로
- 정사각형 이미지를 드롭합니다 (512px 이상 PNG 권장).
- iOS와 Android 아이콘의 배경색을 각각 선택합니다.
- ZIP 패키지를 다운로드하여 압축을 해제합니다.
제한: 생성되는 ZIP에는 favicon.ico(16/32/48), favicon-16/32, apple-touch-icon(180), Android 아이콘(192/512), site.webmanifest, HTML 스니펫이 포함됩니다. 입력은 래스터 이미지(PNG, JPG, WebP, GIF, BMP)이며 SVG는 지원하지 않습니다. 너무 작은 이미지는 확대 처리되어 흐릿하게 보일 수 있으니 크고 정사각형인 이미지를 사용하세요.
자주 묻는 질문
이미지가 업로드되나요?
아니요. 전체 패키지는 브라우저 내에서 로컬로 생성됩니다. 비행기 모드에서도 작동하며 이미지가 기기를 떠나는 일은 절대 없습니다.
ZIP 안에 무엇이 들어 있나요?
favicon.ico(16/32/48px), 각 PNG, apple-touch-icon, 앱 아이콘 2개(192/512), site.webmanifest, `<head>`용 HTML 스니펫이 포함됩니다.
왜 앱 아이콘에 배경색이 필요한가요?
iOS와 Android는 앱 아이콘의 투명 영역을 검정으로 표시합니다. 그래서 배경을 적용하며, 흰색, 검정, 투명 중에서 선택할 수 있습니다. iOS와 Android를 다르게 보이게 하고 싶다면 각각 따로 설정할 수 있습니다.
어떤 이미지 크기를 사용해야 하나요?
한 변이 512px 이상인 정사각형 이미지를 권장합니다. 더 작은 크기는 모두 이 이미지로부터 깔끔하게 축소 생성됩니다.