파비콘 생성기
이미지를 업로드하면 Apple Touch 및 Android/PWA용 PNG 아이콘과 함께 다양한 크기의 favicon.ico를 즉시 생성할 수 있습니다.
귀하의 이미지
여기에 이미지를 드래그 앤 드롭하세요
또는 파일을 찾아보세요 — PNG, JPG, WEBP
아이콘 크기
생성할 크기를 선택하세요. favicon.ico 파일에는 항상 16/32/48px 크기가 포함됩니다.
리뷰
파비콘 생성기에 대해 알아야 할 모든 것
실제로 어떤 크기가 필요한지, .ico 형식이 어떻게 작동하는지, 그리고 사이트에 아이콘을 추가하는 방법.
- 정사각형 이미지를 업로드하면 favicon.ico 파일과 Apple/Android용 PNG 파일을 즉시 얻을 수 있습니다.
- 모든 작업은 브라우저 내에서 로컬로 처리되며, 이미지는 절대 업로드되지 않습니다.
- 모든 크기에서 가장 선명한 결과를 얻으려면 최소 512×512px 크기의 정사각형 이미지로 시작하세요.
파비콘 생성기 사용 방법
- 이미지 파일을 드래그 앤 드롭하거나 선택하세요. 가급적 512×512 픽셀 이상의 정사각형 이미지를 사용하는 것이 좋습니다.
- 필요한 아이콘 크기를 선택하세요: favicon.ico와 Apple Touch 및 Android/PWA용 PNG 파일입니다.
- favicon.ico 파일을 직접 다운로드하거나, 선택한 모든 PNG 크기의 파일을 ZIP 파일로 한꺼번에 다운로드하세요.
왜 파비콘을 만들어야 할까요?
파비콘은 브라우저의 탭, 즐겨찾기, 기록에 표시되는 작은 아이콘으로, 이 기본 이미지를 활용해 이제 스마트폰의 홈 화면 아이콘이나 앱과 유사한 PWA 설치 아이콘도 생성됩니다. 필요한 모든 크기를 수동으로 정확히 맞추려면 동일한 이미지를 서로 다른 픽셀 크기로 반복해서 내보낸 다음, 그중 일부를 하나의 .ico 파일로 묶어야 합니다.
이 도구는 단 한 번의 작업으로 이를 처리해 줍니다. 이미지를 한 번만 업로드하면, 브라우저 내에서 바로 모든 일반적인 크기의 이미지와 올바르게 패키징된 favicon.ico 파일을 생성해 줍니다.
실제로 어떤 사이즈가 필요한지
| 크기 | 용도: | 확인해 볼 만한 이유 |
|---|---|---|
| 16/32/48px (.ico) 필수 | 브라우저 탭, 즐겨찾기, 바탕화면 바로 가기 | 고전적인 파비콘 — 모든 브라우저가 이를 기대합니다. |
| 180×180px | iOS “홈 화면에 추가” | 애플 기기는 이 특정 크기와 파일 이름을 찾습니다. |
| 192×192 및 512×512px | 안드로이드 홈 화면, PWA 설치 안내 | 선명한 설치 아이콘을 표시하기 위해 대부분의 웹 앱 매니페스트에서 필수로 요구됩니다. |
파일 업로드 없이 사용할 수 있는 파비콘 생성기
사용자의 이미지는 브라우저 내 JavaScript가 Canvas API를 통해 직접 읽어들이며, 크기 조정 및 다시 그리기 과정을 거쳐 .ico 및 .zip 파일로 패키징되는 모든 과정이 사용자의 기기 내에서 전적으로 이루어집니다. 이 이미지는 서버로 전송되거나, 기록되거나, 저장되는 일이 절대 없습니다.
업로드되는 파일이 없기 때문에 서버 측에서 파일 크기 제한이 없습니다. 유일한 실질적인 제한은 브라우저가 메모리에 무리 없이 불러올 수 있는 이미지의 크기뿐입니다.
이미지는 기기 외부로 절대 유출되지 않습니다. 크기 조정 및 패키징 작업은 전적으로 클라이언트 측에서 이루어지며, 어떠한 정보도 기록되거나 저장되지 않습니다.
먼저 원본 이미지의 크기를 조정해야 하나요? ‘이미지 크기 조정’ 도구를 사용하면 미리 준비할 수 있습니다.
.ico 대 PNG — 실제로는 어느 것이 필요할까요?
| 서식 | 다음에 가장 적합합니다 | 상충 관계 |
|---|---|---|
| favicon.ico 이 파일은 반드시 포함해야 합니다. | 브라우저 탭과 즐겨찾기 | 여러 크기를 하나의 파일로 묶어두지만, 홈 화면 아이콘용으로는 사용되지 않습니다. |
| PNG 아이콘 (180/192/512px) | 홈 화면 및 PWA 설치 아이콘 | Apple/Android용으로는 별도로 필요합니다. 이 플랫폼들의 경우 .ico 파일만으로는 충분하지 않습니다. |
대부분의 사이트에는 브라우저 탭용 .ico 파일과, HTML의 `<link>` 태그 및 웹 앱 매니페스트에서 참조되는 홈 화면 아이콘용 PNG 세트가 모두 필요합니다.
사람들이 파비콘 생성기를 어떤 용도로 사용하는가
- 새로운 웹사이트: 로고를 바탕으로 파비콘과 터치 아이콘 세트를 완벽하게 구성하는 방법.
- 리브랜딩: 참조된 모든 곳에서 기존 파비콘을 교체하고 있습니다.
- PWA 및 웹 앱: 웹 앱 매니페스트에 필요한 아이콘 크기를 생성합니다.
- 정적 사이트 생성기: 프로젝트의 public 폴더에 바로 넣을 수 있는 아이콘 자산을 생성합니다.
- 클라이언트 프로젝트: 디자인 소프트웨어 없이도 전체 아이콘 세트를 신속하게 제공.
이 도구의 작동 원리
사용자가 선택한 각 해상도에 맞춰 HTML 캔버스에서 이미지의 크기가 조정된 후, 표준을 준수하는 .ico 컨테이너(PNG 프레임이 포함된)로 패키징되며, 선택에 따라 개별 PNG 파일로 구성된 .zip 파일도 생성됩니다. 이 모든 과정은 자바스크립트를 통해 브라우저 내에서 실시간으로 처리되며, 어떠한 데이터도 업로드, 저장 또는 기록되지 않습니다.
최종 업데이트: 2026년 9월 14일.
이 가이드가 도움이 되었나요?
도구 상자에 들어 있는 다른 도구들
홈페이지에는 API 키가 필요 없는 무료 도구 14개가 더 소개되어 있습니다.