파비콘 생성기
모든 이미지를 완전한 파비콘 세트로 — 자르기, 크기 조절, 표준 6개 사이즈 내보내기, 바로 배포 가능한 ZIP, site.webmanifest, 붙여넣기만 하면 되는 HTML 스니펫까지, 전부 브라우저 안에서
생성되는 파일 매트릭스
| 대상 | 출력 크기 |
|---|---|
| 브라우저 파비콘 | favicon.ico (16+32+48 패킹), favicon-16.png, favicon-32.png |
| Apple touch | 180×180 PNG (불투명 배경 적용) |
| Android / PWA | 192×192 및 512×512 (+ maskable 패딩 변형) |
| Windows 타일 | 144×144 msapplication |
모서리가 날카로운 로고에는 nearest-neighbor 축소 옵션을 제공하고 사진은 기본적으로 부드러운 리샘플링을 적용합니다. 모든 렌더링이 canvas 기반으로 클라이언트 측에서 처리되므로 원본 이미지는 절대 업로드되지 않습니다.
아이콘 하나로 플랫폼이 요구하는 모든 크기 대응
한 번의 업로드로 16 px 파비콘부터 512 px PWA 타일까지 다운로드 전에 플랫폼별 미리보기와 함께 받을 수 있습니다.
프로처럼 자르기
실시간 크기 슬라이더가 달린 시각적 자르기 상자가 이미지의 가장 좋은 부분을 프레임에 담습니다 — 드래그로 이동, 축소로 확대, 모든 미리보기가 즉시 갱신됩니다.
여섯 가지 사이즈, 한 번의 클릭
16, 32, 48, 180, 192, 512px — 브라우저, iOS, Android가 기대하는 정확한 세트입니다. 파일을 개별로 다운로드하거나 바로 배포 가능한 ZIP 하나로 받으세요.
업로드 제로
이미지는 브라우저를 떠나지 않습니다. 개인 디자인이나 클라이언트 작업용 아이콘도 완전한 프라이버시로 자르고, 내보내고, 패키징할 수 있습니다.
자주 묻는 질문
실제로 필요한 사이즈는 무엇인가요?⌄
16과 32px 조합이 클래식 브라우저 탭을 커버하고, 180px는 iOS가 홈 화면에서 읽는 유일한 사이즈이며, 192와 512px는 Android와 Chrome이 매니페스트에서 기대하는 사이즈입니다. 여섯 개를 모두 생성하면 모든 현대 플랫폼을 커버합니다 — 오늘날 대부분의 사이트가 배포하는 표준 세트이며, ZIP이 그들을 번거로움 없이 한곳에 모아줍니다.
이미지가 서버에 업로드되나요?⌄
아니요. 이미지는 브라우저 안에서 완전히 읽히고, 잘리고, 내보내집니다 — 어디로도 전송되지 않습니다. 개인 디자인이나 클라이언트 프로젝트용 아이콘도 파일이 기기를 떠나지 않고 안전하게 생성할 수 있습니다.
ZIP이 왜 압축되지 않나요?⌄
PNG 파일은 이미 압축되어 있어 ZIP 안에서 다시 압축하는 것은 시간과 배터리만 낭비할 뿐 크기 이득이 없습니다. 생성된 ZIP은 각 PNG를 그대로 저장합니다 — 안의 모든 파일은 개별 다운로드와 바이트 단위로 동일하며, 어떤 압축 해제 도구든 문제없이 읽습니다.
16 px에서 아이콘이 흐리게 보이는 이유는 무엇입니까?⌄
디테일한 로고는 16×16으로 줄어들면 형태를 잃습니다. 작은 크기용으로는 단순화된 심벌(기호 하나, 색 두 가지)을 그려 넣으십시오 — 미리보기에서 어떤 요소가 살아남는지 정확히 보여줍니다.
관련 도구
파비콘 생성기란 무엇인가요?
파비콘은 브라우저 탭, 북마크, 앱 런처에 표시되는 작은 아이콘입니다. 파비콘 생성기는 로고나 임의의 이미지를 현대 플랫폼이 기대하는 전체 사이즈 세트로 바꿔줍니다 — 16픽셀의 작은 탭 아이콘부터 Android가 설치된 앱에 사용하는 512픽셀 아이콘까지. 이미지 편집기와 수십 개의 변환 도구를 오가느라 애쓰는 대신, 이미지 한 장을 업로드하고 자르기 영역을 고르면 여섯 가지 사이즈가 즉시 내보내집니다: 개별 파일로, ZIP 아카이브로, 그리고 페이지 head에 모든 것을 연결하는 site.webmanifest와 HTML 스니펫으로도 함께.
얻을 수 있는 것
- 🖼️ 클래식 브라우저 탭과 북마크용 16, 32, 48px 파비콘
- 🍎 iOS가 홈 화면에서 사용하는 180px apple-touch-icon
- 🤖 Android·Chrome 웹 매니페스트용 192, 512px 아이콘
- 📦 모든 파일이 담긴 ZIP 하나 — 사이트 루트에 넣기만 하면 됩니다
- 📄 여섯 개 아이콘을 모두 나열한 site.webmanifest
- 🔗 theme-color를 포함한, 페이지 head용 붙여넣기 준비된 링크 블록
언제 사용하나요
- 새 사이트나 블로그를 시작하며 처음으로 정체성을 세팅할 때
- 기존 사이트의 낡고 흐릿하거나 빠진 아이콘을 교체할 때
- 클라이언트에게 전달하거나 테마에 포함할 파비콘 세트를 준비할 때
개인정보: 이미지는 브라우저 밖으로 나가지 않습니다. 자르기, 크기 조절, ZIP 패키징과 모든 내보내기는 기기에서 로컬로 실행됩니다.