파비콘 생성 — PNG/SVG에서 다중 크기 ICO
로고나 정사각 마크를 사이트 파비콘으로: 여러 크기를 하나의 `.ico`에 묶어 탭·북마크·일부 바로가기를 또렷하게 합니다. 배경이 깨끗한 중앙 정렬의 단순한 정사각형부터 — 세밀한 디테일은 16×16에서 진흙이 됩니다.
파일을 여기에 놓거나 클릭하여 선택
파비콘은 탭에서 사이트를 알아보는 작은 표시입니다. 많은 사이트가 웹 매니페스트에 PNG도 두지만, ICO는 넓은 호환을 위한 다중 크기 묶음으로 여전히 유용합니다.
정사각 원본이 가장 좋습니다. 가로 로고는 맞춤 모드에 따라 레터박스나 잘림 — 필요하면 먼저 정사각으로 자르기.
작은 크기에서는 강한 대비가 이깁니다: 가는 연회색 선은 탭 바에서 사라집니다. 작은 글자보다 굵은 형태.
생성 방법
- 가능한 한 정사각 로고 업로드
- 크기 세트와 맞춤 모드 선택
- favicon.ico 다운로드
- 사이트 루트에 두거나 프레임워크 문서대로 링크
생성기가 아끼는 일
- 흔한 크기를 한 번에 묶어 16·32 누락을 줄임.
- 바로 쓸 `.ico` 다운로드 — 손으로 조립할 필요 없음.
- 정사각 로고를 올려 사이트에 빨리 걸 수 있음.
누가 필요한가
- 아직 탭 아이콘이 없는 새 사이트
- 리브랜드 색에 맞춰 파비콘 갱신
- 전통 호스트용 PNG 로고에서 빠른 ICO
디자인 팁
- 원본은 최소 256×256 또는 벡터 SVG가 축소에 견딤.
- 슬로건 전체를 아이콘에 넣지 마세요.
- 생성 후 실제 브라우저 탭에서 확인.
- PWA는 매니페스트에 별도 PNG가 필요할 수 있음.
입력 가이드
| 입력 | 출력 | 설명 |
|---|---|---|
| 정사각 PNG 로고 | 다중 크기 favicon.ico | 가장 흔함 |
| SVG 아이콘 | 래스터화해 ICO에 | 선 굵기 주의 |
파비콘 FAQ
- PNG만 파비콘으로 써도 되나요?
- 많은 최신 브라우저는 가능합니다. ICO는 구형 환경에 유리하고, 둘 다 쓰는 것도 흔합니다.
- SVG만 파비콘으로?
- 지원이 늘고 있지만 ICO/PNG 조합이 더 안전합니다.
- 왜 16×16이 안 읽히나요?
- 원본 디테일이 너무 많습니다. 단순화하거나 작은 전용 마크를 디자인하세요.