파비콘 생성기
이미지나 글자 하나로 완전한 파비콘 패키지(ICO+PNG) 생성.
완전한 파비콘 팩 생성
로고를 업로드하거나 문자/이모지를 입력하고 배경 모양과 색상을 선택한 다음 favicon.ico, 모든 PNG 크기(16 → 512), Apple 터치 아이콘, 준비된 site.webmanifest 및 HTML 태그가 포함된 하나의 ZIP을 다운로드하세요. 모든 것이 브라우저에서 로컬로 렌더링됩니다.
파비콘 생성기는 하나의 소스(로고, 사진, 굵은 문자 또는 이모지)를 현대 웹사이트에 필요한 완전한 아이콘 팩으로 변환합니다: 레거시 브라우저 및 주소 표시줄용 favicon.ico, 16~512픽셀 PNG, iOS 홈 화면용 180px Apple 터치 아이콘, Android Chrome 아이콘, 바로 사용 가능한 site.webmanifest, 그리고 <head>에 붙여넣을 정확한 HTML 태그. 한 번의 클릭, 하나의 ZIP, 완료.
실시간 미리보기는 모의 브라우저 탭을 포함하여 실제 크기로 아이콘을 보여줍니다. 파비콘의 냉혹한 진실은 16×16 픽셀에서도 살아남아야 한다는 것이기 때문입니다. 문자 모드는 바로 그 이유로 존재합니다: 색상이 있는 둥근 사각형 위의 굵은 이니셜은 탭에 넣을 수 있는 가장 읽기 쉬운 것입니다. 모든 것은 브라우저에서 로컬로 렌더링되고 압축됩니다. 아트워크는 장치를 떠나지 않습니다.
FAQ
2026년에 웹사이트가 실제로 필요한 파일은 무엇인가요?
하나의 파일에 포함된 favicon.ico (16/32/48), 16/32/48의 favicon PNG, 180px의 apple-touch-icon.png, 192 및 512의 Android Chrome 아이콘, 그리고 이를 참조하는 site.webmanifest. ZIP에는 정확히 이 내용과 HTML 태그가 포함되어 있습니다.
파일을 어디에 넣어야 하나요?
모든 파일을 웹사이트 루트에 업로드(/favicon.ico가 해석되도록)한 다음 제공된 태그를 페이지의 <head>에 붙여넣으세요. ZIP의 html-snippet.txt에 태그가 준비되어 있습니다.
멋진 로고가 16px에서 노이즈처럼 보이는 이유는 무엇인가요?
세부 내용은 256픽셀 전체 영역에서 유지되지 않습니다. 여백을 늘리거나 문자 모드로 전환하세요. 단색 배경에 단일 굵은 문자는 전체 로고가 불가능한 곳에서도 읽기 쉽습니다.
ICO 파일이 무엇이고 왜 세 가지 크기를 포함하나요?
ICO is a container format: browsers pick the best-fitting size from inside it (16 for tabs, 32 for taskbars, 48 for shortcuts). The generator embeds all three as full-color images with transparency.
투명 배경이 유지되나요?
네 — '투명' 모양을 선택하면 모든 PNG와 ICO에서 원본의 알파 채널이 유지됩니다. 모양 배경(사각형/둥근/원형)은 단색 배경이 필요한 소스를 위해 있습니다.
Apple 터치 아이콘은 무엇을 위한 것인가요?
누군가 당신의 사이트를 iOS 홈 화면에 추가하면, 그 180×180 이미지가 앱 아이콘이 됩니다. iOS가 자체적으로 모서리를 둥글게 처리하므로, 전체가 채워진 정사각형 디자인이 가장 잘 어울립니다.
파비콘으로 이모지를 사용할 수 있나요?
네 — 문자 모드로 전환하고 이모지를 입력하세요. 선택한 모양과 색상에 시스템의 이모지 폰트로 렌더링됩니다. 개인 사이트에 합법적이고 기억에 남는 옵션입니다.
Is my logo uploaded?
No. Rendering, ICO encoding and ZIP packing all happen inside your browser — the tool works offline once loaded.