파비콘 생성기 — 파비콘 만들기
마지막 업데이트: 2026-06-25
이미지가 서버로 전송되지 않습니다 · 100% 내 기기에서 처리파비콘 생성기는 이미지나 로고를 브라우저 탭·홈 화면·PWA용 16·32·180·512px PNG 아이콘으로 한 번에 만들어 주는 도구입니다.
직사각형 이미지는 가운데를 정사각형으로 잘라 각 크기로 다시 그리며, 모든 처리는 브라우저 캔버스에서 이루어집니다.
파비콘 생성 도구
사용 방법
- 이미지 선택 — 파비콘으로 만들 정사각형에 가까운 이미지나 로고를 업로드합니다.
- 크기 생성 — 16·32·180·512px PNG가 자동으로 동시에 생성됩니다.
- 미리보기 확인 — 각 크기의 미리보기를 확인합니다. 작은 크기는 단순한 형태가 잘 보입니다.
- 다운로드 — 필요한 크기를 각각 내려받아 사이트에 적용합니다.
파비콘이란 무엇이고 어떤 크기가 필요한가
파비콘(favicon)은 브라우저 탭, 즐겨찾기, 홈 화면 바로가기에 나타나는 작은 사이트 아이콘입니다. 기기와 용도에 따라 필요한 크기가 다르므로 한 이미지에서 여러 크기를 만들어 두는 것이 좋습니다. 이 도구는 직사각형 이미지를 가운데 기준 정사각형으로 잘라낸 뒤 각 크기로 다시 그립니다.
파비콘 권장 크기와 용도
| 크기 | 용도 | HTML 적용 |
|---|---|---|
| 16 × 16 | 브라우저 탭(저해상도) | rel="icon" |
| 32 × 32 | 브라우저 탭(고해상도)·작업표시줄 | rel="icon" |
| 180 × 180 | iOS 홈 화면 아이콘 | rel="apple-touch-icon" |
| 512 × 512 | PWA·안드로이드 설치 아이콘 | manifest.json |
작은 파비콘은 디테일이 뭉개지므로 단순하고 대비가 큰 디자인이 유리합니다. 로고를 정사각형으로 다듬으려면 이미지 자르기를, 배경을 정리하려면 포맷 변환으로 PNG를 만든 뒤 사용하세요.
자주 묻는 질문 (FAQ)
파비콘은 어떤 크기가 필요한가요?
브라우저 탭에는 16px·32px, 아이폰 홈 화면 아이콘(apple-touch-icon)에는 180px, PWA·안드로이드에는 512px가 주로 쓰입니다. 이 도구는 네 가지 크기를 한 번에 만들어 줍니다.
원본 이미지는 어떤 비율이 좋나요?
정사각형(1:1)에 가까운 이미지가 가장 좋습니다. 직사각형 이미지는 가운데를 정사각형으로 잘라 사용하므로, 중요한 요소가 가운데에 오도록 준비하세요.
만든 파비콘은 어떻게 적용하나요?
HTML <head>에 <link rel="icon" sizes="32x32" href="favicon-32.png">, <link rel="apple-touch-icon" href="favicon-180.png"> 형태로 넣으면 됩니다. 16·32px는 탭, 180px는 iOS, 512px는 PWA 매니페스트에 연결합니다.
이미지가 서버로 업로드되나요?
아니요. 파비콘 생성은 100% 브라우저 안에서 처리되며 이미지가 서버로 전송되거나 저장되지 않습니다.
관련 도구 & 가이드
마지막 업데이트: 2026-06-25