이미지로 파비콘 만드는 방법 (무료, 가입 불필요)
325Tools 팀 · 업데이트 2026-06-10
사이트 아이콘이 브라우저 탭에서는 선명한데 휴대폰 홈 화면에서는 흐릿하게 보이는 이유가 궁금하신가요? 제대로 된 파비콘은 이미지 한 장이 아니라 상황별로 여러 크기가 필요하기 때문입니다. 브라우저에서 무료로 완전한 파비콘 세트를 만드는 방법을 안내합니다.
파비콘 생성하기
- 무료 파비콘 생성기를 엽니다.
- 정사각형 이미지를 업로드합니다 (로고나 단순한 마크가 가장 잘 어울립니다).
favicon.ico를 포함한 생성된 아이콘 세트를 다운로드합니다.
이미지는 기기에서 처리되므로 아무것도 업로드되지 않습니다.
실제로 필요한 크기들
최신 사이트는 상황에 따라 몇 가지 크기를 사용합니다:
- 16×16, 32×32 — 전통적인 브라우저 탭 및 즐겨찾기 아이콘 (
.ico에 묶입니다). - 180×180 — iPhone/iPad 홈 화면용 Apple 터치 아이콘.
- 192×192, 512×512 — Android 및 PWA 아이콘 (웹 앱 매니페스트에 사용됩니다).
파비콘 생성기가 이 크기들을 모두 만들어 주므로 하나하나 직접 크기를 조정할 필요가 없습니다.
사이트에 적용하기
파일을 사이트 루트에 넣고 <head>에 다음을 추가하세요:
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
Android/PWA의 경우 웹 앱 매니페스트에서 192, 512 아이콘을 참조하세요. 사이트에 적용한 뒤에는 무료 파비콘 점검 도구로 모든 크기와 매니페스트 항목이 제대로 인식되는지 확인해 보세요 — 빠진 터치 아이콘을 짚어 줍니다.
팁
- 정사각형으로 시작하세요. 원본이 정사각형이 아니라면 이미지 크기 조정으로 먼저 자르거나 여백을 채우세요.
- SVG 로고가 있나요? 생성 전에 SVG to PNG로 PNG로 래스터화하세요.
- .ico만 필요한가요? ICO 변환기로 PNG 한 장을 변환하세요.
개인정보 안내
모든 처리가 브라우저에서 로컬로 이루어집니다 — 이미지는 절대 서버로 업로드되지 않습니다.
자주 묻는 질문
아직도 .ico 파일이 필요한가요? 네 — .ico는 여전히 가장 폭넓게 지원되는 형식이며, 파비콘 생성기가 함께 만들어 줍니다.
파비콘이 왜 흐릿하게 보이나요? 단순하고 대비가 높은 마크를 사용하세요. 세밀한 디테일은 16×16에서 사라집니다.
다른 방법과 비교
완전 수동 방식은 이미지 편집기를 열어 각 크기를 직접 내보내고, 16×16과 32×32를 .ico로 직접 묶는 것입니다 — 완전한 제어가 가능하지만 번거롭고 틀리기 쉽습니다(Apple 터치 아이콘 하나만 빠져도 iPhone은 흐릿한 스크린샷으로 대체합니다). 반대 극단으로 <link rel="icon" href="logo.png"> 한 줄은 간단하지만 .ico와 홈 화면 크기들을 건너뛰므로, 구형 브라우저와 고정된 바로가기에서 거칠게 보입니다. 생성기는 그 중간을 잡습니다: 한 번 업로드하면 .ico, PNG, 터치 아이콘까지 이미 올바른 크기로 맞춰진 전체 세트를 받고, 마크업만 붙여 넣으면 됩니다. 생성기가 할 수 없는 유일한 일은 마크를 디자인해 주는 것이므로, 깔끔한 정사각형 원본에서 시작하세요.