🌐 파비콘 & 앱 아이콘 생성기
이미지 하나를 업로드하면 표준 크기의 PNG 아이콘, 멀티 사이즈 .ico 파일, HTML link 태그를 ZIP 하나로 즉시 받을 수 있습니다.
Load a square image
🌐
Drop a logo here, or click to browse
PNG or SVG, ideally square — generated in your browser
소개
이 도구는 브라우저의 Canvas API를 사용해 원본 이미지를 16×16, 32×32, 48×48, 64×64, 180×180(Apple Touch Icon), 192×192(Android/PWA), 512×512(PWA 스플래시) 등 모든 표준 크기로 리사이즈합니다. 멀티 사이즈 .ico 파일과 각 사이즈에 맞는 HTML <link> 태그도 자동 생성합니다. 모든 산출물은 인라인 ZIP 라이터로 하나의 ZIP에 묶이며, 외부 라이브러리 없이 동작합니다. 처리가 브라우저 안에서만 이루어지므로 파일은 절대 외부로 전송되지 않습니다.
사용 방법
- PNG·JPEG·SVG·WebP 등 원본 이미지를 업로드 영역에 드래그하거나 클릭해서 선택하세요.
- 이미지 미리보기를 확인하고 생성할 크기를 선택하세요. 기본값은 16·32·48·64·180·192·512px PNG 전체입니다.
- 생성 버튼을 클릭하면 Canvas API가 각 크기의 아이콘을 브라우저 안에서 렌더링합니다.
- ZIP 다운로드 버튼을 클릭하면 모든 PNG, 멀티 사이즈 favicon.ico, HTML 스니펫이 하나의 압축 파일로 제공됩니다.
- HTML 파일에서 <link> 태그를 복사해 사이트 <head>에 붙여 넣으면 파비콘 설정이 완료됩니다.
자주 묻는 질문
- 어떤 크기의 아이콘이 생성되나요?
- 16·32·48·64·180·192·512px PNG 파일, 16·32·48px를 담은 멀티 사이즈 favicon.ico, 그리고 HTML <link> 태그를 생성합니다.
- 이미지가 서버에 업로드되나요?
- 아니요. 모든 리사이즈와 패키징은 Canvas API를 사용해 브라우저 안에서만 처리됩니다. 이미지는 기기 밖으로 나가지 않습니다.
- 어떤 원본 이미지를 사용하는 게 좋나요?
- 512×512px 이상의 정사각형 이미지를 사용하면 모든 크기에서 가장 선명한 결과를 얻을 수 있습니다. 해상도에 무관한 SVG가 특히 적합합니다.
- 멀티 사이즈 .ico 파일이 무엇이고 왜 필요한가요?
- .ico 파일은 여러 해상도를 하나의 바이너리에 담을 수 있습니다. 구형 브라우저와 Windows는 탭 아이콘과 바로가기에 .ico를 사용하며 적합한 크기를 자동 선택합니다. 멀티 사이즈 .ico를 사용하면 어디서나 선명한 아이콘을 보장할 수 있습니다.
- 생성된 모든 크기가 웹사이트에 필요한가요?
- 대부분의 웹사이트는 멀티 사이즈 .ico와 180px(Apple Touch Icon), 192/512px(PWA) PNG만으로 주요 사용 사례를 모두 커버할 수 있습니다. 작은 PNG는 레거시 브라우저 지원을 위해 포함됩니다.