이미지 도구
파비콘 생성기 - 이미지 한 장으로 ICO·PNG·PWA 아이콘 한 번에
이미지 한 장으로 브라우저 탭, iOS 홈 화면, 안드로이드 크로, PWA까지 필요한 모든 파비콘 크기를 만들어 줍니다. ICO, PNG, 웹 매니페스트까지 한 번에 내보내고 모든 처리는 브라우저 안에서만 이루어집니다.
이곳에 이미지를 끌어다 놓거나 클릭해서 파일을 선택하세요
지원 포맷: PNG, JPG, WebP, GIF, SVG (정사각형 권장)
출력 사이즈
배경 및 맞춤
(투명: 배경 채우기 (비정사각형 이미지의 여백을 배경색으로 채움) OFF)
이미지 맞춤
사이즈별 미리보기
내보내기
site.webmanifest
파비콘, 왜 한 장으로 여러 크기가 필요할까요
브라우저 탭에 올라가는 작은 아이콘부터 iOS 홈 화면 추가 버튼, 안드로이드 크롬 바로가기, PWA 매니페스트까지 웹에서 쓰이는 파비콘은 크기와 형식이 제각각입니다. 하나의 이미지를 그때그때 사이즈별로 손수 리사이즈하다 보면 시간도 오래 걸리고 어느 환경에서는 깨져 보이는 아이콘이 생기기 쉽습니다.
이 도구는 이미지 한 장을 올리면 16, 32, 48, 64, 180, 192, 512 등 웹 표준 크기를 한 번에 만들어 줍니다. 원하는 크기는 체크박스로 고르고, 정사각형이 아닌 이미지는 여백을 남길지 잘라서 채울지 contain과 cover로 정할 수 있습니다. 배경 채우기를 켜면 여백이 배경색으로 깔끔하게 채워지고, 투명 배경을 그대로 살릴 수도 있습니다. 설정을 바꿀 때마다 각 크기별 미리보기가 즉시 갱신되어 결과를 눈으로 확인하면서 다듬을 수 있습니다.
이런 분들께 특히 유용합니다
- 웹 개발자·퍼블리셔 — 새 사이트에 파비콘 세트를 한 번에 만들어 올릴 때
- PWA 개발자 — 매니페스트용 192와 512 아이콘이 필요할 때
- 브랜드 담당자·디자이너 — 로고 하나로 탭, 홈 화면, 스토어 아이콘까지 맞출 때
- 블로거·개인 사이트 운영자 — 플랫폼별 아이콘 요구사항을 빠르게 채울 때
출력 형식 한눈에 보기
- favicon-16x16.png — 클래식 탭 아이콘
- favicon-32x32.png — 레티나 탭 아이콘
- apple-touch-icon.png (180x180) — iOS 홈 화면 아이콘
- android-chrome-192x192.png, 512x512.png — 안드로이드 크롬과 PWA
- favicon.ico — 16/32/48이 들어간 멀티 사이즈 ICO (구형 브라우저 호환)
- site.webmanifest — PWA 매니페스트 (192/512 자동 반영)
자주 묻는 질문
네. 정사각형이 아닌 이미지도 올릴 수 있습니다. 여백을 남기는 contain 모드를 쓰면 이미지 전체가 보이도록 축소해 그리고, 잘라서 채우는 cover 모드를 쓰면 여백 없이 꽉 채웁니다. 배경 채우기를 켜면 contain에서 생긴 여백을 선택한 배경색으로 채워 줍니다.
아닙니다. 이미지는 브라우저 안에서만 읽고 처리합니다. 업로드한 파일은 서버로 전송되거나 저장되지 않으므로 회사 로고나 프로필 사진처럼 민감한 이미지도 안전하게 사용할 수 있습니다.
ICO는 과거부터 쓰인 파비콘 전용 포맷으로, 하나의 파일 안에 16, 32, 48 같은 여러 크기를 함께 담을 수 있습니다. 최신 브라우저는 PNG로도 충분하지만 구형 브라우저 호환성이나 일부 환경에서는 여전히 ICO가 필요할 수 있어 함께 내보냅니다.
192와 512 크기를 모두 선택했을 때 자동으로 생성됩니다. PWA에서 앱 아이콘과 이름, 표시 모드를 정의하는 매니페스트 파일로, 아래 텍스트 영역에서 내용을 확인하고 복사하거나 다운로드할 수 있습니다.
네. 배경 채우기를 끄면 PNG와 ICO 모두 투명 배경으로 만들어집니다. 로고가 배경 없이 깔끔하게 보여야 할 때 쓰세요. 배경 채우기를 켜면 여백이 선택한 색으로 채워집니다.
이 페이지 공유하기