파비콘 생성기
이미지 한 장으로 favicon.ico + 전체 아이콘 세트를 — 전부 브라우저 안에서
1. 이미지 선택
2. 생성
로고나 이미지 한 장으로 사이트에 필요한 파비콘 전 세트를 만듭니다 — favicon.ico(16·32·48 멀티사이즈), 애플 터치 아이콘(180px), PWA 아이콘(192·512px), site.webmanifest, 붙여넣을 HTML 스니펫까지. 모든 처리는 브라우저 안에서 이뤄집니다.
이런 걸 할 수 있어요
- ✓멀티사이즈 favicon.ico
- ✓애플 터치·PWA 아이콘 PNG
- ✓site.webmanifest + HTML 스니펫
- ✓ZIP 한 번에 다운로드
이렇게 쓰세요
- 1정사각에 가까운 이미지를 올립니다
- 2파비콘 만들기를 누릅니다
- 3ZIP을 받고 스니펫을 <head>에 붙입니다
지원 형식 · PNG · JPG · SVG → ICO · PNG
로고나 이미지 한 장으로 사이트에 필요한 파비콘 전 세트를 만듭니다. favicon.ico(16·32·48)·애플 터치 아이콘(180)·PWA 아이콘(192·512)·site.webmanifest에 붙여넣을 HTML 스니펫까지 ZIP으로 받으며, 처리는 브라우저 안에서 이뤄집니다.
사용 방법
- 1로고나 이미지 한 장을 끌어다 놓거나 선택합니다.
- 2파비콘 세트를 생성합니다.
- 3ZIP을 내려받아 함께 담긴 HTML 스니펫을 붙여넣습니다.
이럴 때 유용해요
예를 들면 새로 만든 블로그의 브라우저 탭에 로고 아이콘(파비콘)을 달아야 할 때 유용합니다.
16px부터 512px까지 여러 규격을 하나하나 만들 필요 없이 한 번에 준비하고 싶을 때도 좋습니다.
필요한 규격을 한 번에
favicon.ico와 애플 터치 아이콘, PWA 아이콘, site.webmanifest, 붙여넣을 HTML 스니펫을 한 번에 만들어 ZIP으로 묶어 줍니다.
붙여넣기용 HTML까지
예를 들면 ZIP에 함께 담긴 HTML 스니펫을 사이트 head에 붙여넣기만 하면 각 규격 아이콘이 한꺼번에 연결됩니다.
자주 묻는 질문
파일이 서버에 올라가나요?+
아니요. 브라우저 안에서 처리되어 이미지가 기기를 떠나지 않습니다.
어떤 파일이 들어 있나요?+
favicon.ico, 애플 터치 아이콘, PWA 아이콘, site.webmanifest, HTML 스니펫이 ZIP에 담깁니다.
적용은 어떻게 하나요?+
함께 제공되는 HTML 스니펫을 사이트의 head 부분에 붙여넣으면 됩니다.