파비콘 생성기
이미지 하나로 favicon.ico와 PNG·manifest 아이콘 세트 전체 생성
로컬 실행
loading…
이 도구에 대해
이미지 한 장 — 가급적 512px 이상의 정사각형 로고 — 을 끌어놓으면 완전한 파비콘 키트가 나옵니다: 탭·북마크용으로 16, 32, 48px를 담은 favicon.ico, 180px Apple 터치 아이콘과 192/512px PWA 아이콘을 포함한 표준 크기 PNG들, 시작용 site.webmanifest, 그리고 <head>에 붙여넣을 <link> 태그까지. 관례에 맞는 이름으로 ZIP 하나에 전부 담깁니다.
파비콘 튜토리얼들이 자주 틀리는 세부 사항을 제대로 처리합니다: ICO에는 PNG 압축 엔트리를 넣고(Windows Vista 이후 어디서나 지원, 구식 BMP 아이콘보다 훨씬 작음), iOS가 투명도를 검정으로 바꾸기 때문에 Apple 터치 아이콘은 선택한 배경색 위에 평탄화하며, PWA 아이콘은 알파 채널을 유지합니다. 정사각형이 아닌 원본은 찌그러뜨리지 않고 중앙에서 잘라냅니다.
로고를 16px로 줄이는 것은 본질적으로 파괴적이라 섬세한 디테일은 살아남을 수 없습니다. 그래서 미리보기 줄은 각 크기를 실제 치수로 보여주어 배포 전에 가독성을 판단할 수 있게 합니다. 모든 렌더링은 로컬 canvas에서 이루어지고 ICO/ZIP 컨테이너는 페이지 안에서 바이트 단위로 조립됩니다 — 로고는 어디에도 업로드되지 않습니다.
자주 묻는 질문
- 2026년에 실제로 필요한 파비콘 크기는 무엇인가요?
- 속설보다 적습니다: 레거시와 주소창용으로 16/32/48이 담긴 favicon.ico 하나, 180px apple-touch-icon.png 하나, 웹 앱 manifest가 참조하는 192/512px PNG. 현대 브라우저는 정확히 이 세트에서 최적을 고릅니다 — 일부 생성기가 뱉는 20개 파일 묶음은 화물 숭배일 뿐입니다.
- 왜 제 로고는 16px에서 알아볼 수 없나요?
- 16픽셀은 가혹하게 작습니다 — 워드마크, 가는 획, 섬세한 그라데이션이 모두 녹아버립니다. 강한 파비콘은 브랜드를 고대비의 굵은 글리프나 도형 하나로 압축한 것입니다. 여기 16px 미리보기가 뭉개져 보이면 마크의 특징적인 부분만 타이트하게 자르거나 작은 크기용 간소화 버전을 쓰세요.
- .ico 파일이 아직 필요한가요, PNG 파비콘이면 충분한가요?
- 현대 브라우저는 모두 PNG 파비콘을 받지만, /favicon.ico는 여전히 UA·크롤러·오래된 도구가 무조건 요청하는 경로입니다. 거기에 진짜 ICO를 두는 비용은 몇 KB지만 404와 폴백 문제를 한 부류 통째로 없애줍니다 — PNG link와 함께 유지하세요.
- Apple 터치 아이콘에 왜 배경색이 필요한가요?
- iOS는 홈 화면 아이콘의 투명도를 렌더링하지 않습니다 — PNG의 알파는 검정 위에 합성됩니다. 선택한 색으로 미리 평탄화하면 결과를 의도대로 유지할 수 있습니다. 아이콘에 어울리는 배경을 고르세요. 모서리 라운딩은 iOS가 알아서 하므로 가득 찬 정사각형을 제공하면 됩니다.