파비콘 생성기 — 이미지로 완전한 파비콘 패키지 만들기
어떤 로고든 클릭 한 번으로 favicon.ico, 모든 PNG 크기, Apple 터치 아이콘, webmanifest까지 갖춘 완전한 파비콘 패키지로 만드세요.
로고를 여기에 끌어다 놓거나 클릭해서 선택하세요
PNG, JPG, WebP — 512×512 이상의 정사각형이 가장 좋습니다. 모든 것이 브라우저에서 생성되며 로고는 기기를 떠나지 않습니다.
문제를 발견하셨거나 개선할 점이 있나요? 모든 메시지를 읽고 빠르게 고칩니다.
로고를 한 번만 올리면 27개 파일로 된 완전한 파비콘 패키지를 ZIP 하나로 받을 수 있습니다. 진짜 favicon.ico(16/32/48 내장), 파비콘 PNG, Apple 터치 아이콘 9가지 크기 전부(57–180px), manifest.json이 포함된 Android 아이콘 6개(36–192px), browserconfig.xml이 포함된 Microsoft 타일 아이콘(70–310px), 그리고 사이트 head에 붙여 넣을 정확한 HTML 태그까지 들어 있습니다.
이 사이트의 모든 도구처럼 전체 과정이 브라우저에서 실행됩니다. 로고 크기 조절, ICO 형식으로 묶기, ZIP 압축이 모두 기기에서 이루어집니다. 아무것도 업로드되지 않으므로 대기열도, 워터마크도, 개인정보 걱정도 없습니다.
사용 방법
- 로고를 넣으세요. 512×512 이상의 정사각형 PNG가 가장 선명한 결과를 냅니다(정사각형이 아닌 이미지는 가운데를 기준으로 잘림).
- 픽셀 미리보기를 확인하세요. 브라우저 탭에서 16px와 32px로 보일 모습 그대로입니다. 뭉개져 보이면 로고를 단순화해서 다시 시도하세요.
- 전체 패키지를 ZIP으로 다운로드하거나 개별 파일을 받으세요.
- 사이트의 루트 폴더에 압축을 풀고 제공된 HTML 태그를 <head>에 붙여 넣으세요.
자주 묻는 질문
2026년에 웹사이트에 필요한 파비콘 크기는 무엇인가요?
최소한으로는 favicon.ico와 16/32px PNG, 180×180 Apple 터치 아이콘이 필요합니다. 모든 브라우저, 모든 세대의 iOS, Android 런처, Windows 타일과 완벽하게 호환되려면 고전적인 완전한 세트는 16px부터 310px까지 27개 파일입니다. 이 생성기가 바로 그것을, 이를 참조하는 manifest.json과 browserconfig.xml과 함께 묶어 줍니다.
favicon.ico는 진짜 ICO 파일인가요?
네. PNG로 인코딩된 항목 세 개(16, 32, 48픽셀)를 담은 진짜 ICO 컨테이너이며, 모든 최신 브라우저와 Windows 버전이 지원하는 형식입니다. 이름만 바꾼 PNG가 아닙니다.
로고가 서버에 업로드되나요?
아니요. 크기 조절, ICO 묶기, ZIP 생성 모두 canvas API를 써서 브라우저에서 이루어집니다. 로고는 기기를 벗어나지 않으며, 공개 전 브랜드나 클라이언트 작업물일 때 중요한 점입니다.
파비콘이 16px에서 흐릿해 보이는 이유는 무엇인가요?
16픽셀은 아주 작아서 디테일이 많은 로고는 그 크기에서 뭉개집니다. 미리보기가 흐릿하다면 단순화한 마크를 쓰세요. 아이콘 심벌만, 글자 하나, 또는 굵은 도형 하나 같은 것입니다. 큰 브랜드들이 로고를 단순화한 파비콘 버전을 따로 쓰는 것도 바로 이 때문입니다.
파비콘 파일은 웹사이트 어디에 두나요?
사이트 루트에 두고(/favicon.ico, /apple-touch-icon.png 등으로 접근할 수 있도록), 제공된 link 태그를 <head> 안에 추가하세요. 대부분의 플랫폼에서는 public 또는 static 폴더입니다. WordPress에서는 외모 → 사용자 정의하기 → 사이트 아이덴티티를 쓰거나 테마를 통해 파일을 넣으세요.
패키지에 들어 있는 것
• favicon.ico + favicon-16/32/96 PNG — 브라우저 탭과 북마크. HTML 태그가 없어도 브라우저는 /favicon.ico를 자동으로 요청합니다.
• apple-icon-57x57부터 180x180까지(9가지 크기) — 모든 세대 iPhone과 iPad의 홈 화면 아이콘, 그리고 구형 iOS용 apple-icon-precomposed.png.
• android-icon-36x36부터 192x192까지(6가지 밀도) — Android 런처 아이콘, manifest.json에서 밀도 정보와 함께 참조.
• ms-icon-70/144/150/310 + browserconfig.xml — Windows 시작 메뉴 타일과 이를 연결하는 설정 파일.
• manifest.json — Android/PWA 설치 시 사이트 이름, 색상, 아이콘을 알려 줍니다. 다운로드한 뒤 열어서 이름 필드를 채우세요.
HTML 코드의 경로가 맞도록 모든 파일을 사이트 루트 디렉터리에 풀고, 코드를 <head>에 붙여 넣으면 끝입니다.
사람들이 실제로 알아보는 파비콘 디자인 팁
확정하기 전에 16px에서 테스트하세요. 위의 미리보기가 진실을 보여 줍니다. 텍스트가 들어간 전체 로고보다 굵은 도형 하나나 글자 하나를 택하세요. 워드마크는 48px 미만에서 읽을 수 없게 됩니다. 밝은 브라우저 테마와 어두운 테마 모두에서 대비를 높게 유지하세요(가는 선으로 된 아이콘에는 은은한 원형이나 둥근 사각형 배경이 도움이 됩니다). 그리고 같은 파비콘을 몇 년이고 유지하세요. 다시 방문한 사람이 스무 개의 탭 중에서 여러분의 탭을 찾는 방법이니까요.