파비콘 생성기
이미지·글자·이모지 하나로 파비콘 전체 세트를 만들고 바로 설치합니다.
- 다른 곳에선 유료인 기능을 무료로
- 더 적은 클릭, 키보드 지원
모든 작업은 브라우저에서 처리됩니다. 이미지는 업로드되지 않습니다.
실시간 미리보기
이미지를 선택하면 미리보기가 만들어집니다.
다운로드 후 16px 결과도 꼭 확인하세요. 작은 크기에서는 디테일이 금방 사라집니다.
사용 방법
- 글자·이모지를 골라 즉시 모노그램을 만들거나, 이미지를 골라 로고를 끌어다 놓고 선택하거나 붙여넣습니다.
- 이미지라면 “안에 맞추기” 또는 “채우고 자르기”를 고르고, 로고 가장자리에 여백이 필요하면 패딩을 조절합니다.
- PWA manifest에 넣을 사이트 이름을 입력하고 실시간 미리보기를 확인합니다.
- 패키지를 내려받아 사이트 루트에 올린 뒤, 표시된 코드를 HTML head 안에 붙여넣습니다.
ZIP 파일에 들어 있는 것
ZIP에는 16×16, 32×32, 48×48 PNG 프레임을 각각 담은 favicon.ico와 16·32·48px PNG가 들어 있습니다. iPhone·iPad 홈 화면용 apple-touch-icon.png(180×180), Android·PWA용 192×192·512×512 PNG, site.webmanifest, 그리고 HTML link 태그 5줄도 함께 생성합니다. favicon.ico는 PNG 파일의 확장자만 바꾼 것이 아니라 실제 ICO 컨테이너입니다.
16px에서 읽히게 만들기
브라우저 탭에서는 파비콘이 16×16px로만 보일 수 있습니다. 가는 선, 작은 글자, 복잡한 로고는 이 크기에서 뭉개집니다. 굵은 심벌 하나, 1~2글자, 대비가 높은 모양으로 시작하는 편이 좋습니다. 가장자리에 닿는 로고는 “안에 맞추기”와 8~16% 패딩을, 중앙 부분을 강조하려면 “채우고 자르기”를 사용합니다.
사이트 루트에 설치하기
내려받은 파일을 배포한 사이트의 루트에 올려 /favicon.ico와 /site.webmanifest 경로가 열리게 합니다. 그다음 제공한 link 태그를 HTML head 안에 넣습니다. 브라우저는 파비콘을 오래 캐시하므로, 바꾼 뒤에는 강력 새로고침이나 시크릿 창으로 확인하는 것이 좋습니다.
자주 묻는 질문
파비콘은 어떤 크기가 필요한가요?
호환성 좋은 구성은 16×16·32×32·48×48 프레임이 든 favicon.ico, 16×16·32×32 PNG, iOS 홈 화면용 180×180 Apple Touch Icon, Android·PWA manifest용 192×192·512×512 PNG입니다.
이미지가 서버에 업로드되나요?
아니요. 이미지 읽기, Canvas 렌더링, ICO 조립, manifest 생성, ZIP 압축을 모두 브라우저에서 처리하므로 선택한 이미지가 기기 밖으로 전송되지 않습니다. 큰 휴대폰 사진은 긴 변을 최대 1,024px로 줄인 작업용 비트맵을 사용하므로, 가장 큰 512×512 결과에 픽셀당 원본 2픽셀을 유지하면서 작업 부담을 줄입니다.
favicon.ico가 진짜 ICO 파일인가요?
네. 생성된 favicon.ico는 16×16, 32×32, 48×48 PNG 프레임 3개가 들어 있는 ICO 컨테이너입니다. PNG 파일에 .ico 확장자만 붙인 파일이 아닙니다.
로고 없이도 파비콘을 만들 수 있나요?
네. “글자·이모지”를 고르고 1~2글자를 입력하면 ICO, PNG, manifest, HTML 코드가 같은 방식으로 만들어집니다. 16px에서는 단순하고 대비가 높은 글자나 심벌이 복잡한 로고보다 잘 보입니다.
새 파비콘이 바로 보이지 않는 이유는 무엇인가요?
브라우저는 파비콘 파일을 오래 캐시합니다. 배포 뒤 /favicon.ico와 링크한 PNG 파일이 정상적으로 열리는지 확인하고, 강력 새로고침 또는 시크릿 창에서 새 아이콘을 확인하세요.
관련 도구
2026-10-19 업데이트