파비콘·웹사이트 아이콘 생성기
이미지 하나로 favicon.ico, 브라우저 탭·iOS·안드로이드용 PNG, manifest와 HTML 태그를 한 번에 만들고 ZIP으로 받습니다.
- favicon.ico와 PNG 아이콘 – 16·32·48·180·192·512px 아이콘을 한 번에 만듭니다
- 찌그러짐 없는 맞춤 – 전체가 보이게 또는 꽉 채우기, 여백·배경·모서리 둥글기를 설정합니다
- manifest와 HTML 태그 – 파일 이름과 맞춰진 head 태그와 site.webmanifest를 제공합니다
파비콘·웹사이트 아이콘 한 번에 만들기
이미지 하나로 favicon.ico, 브라우저 탭·모바일 홈 화면용 PNG, manifest와 HTML 태그를 만듭니다.
어떤 파일이 만들어지나요
favicon.ico(16·32·48px 포함), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png(180px), android-chrome-192x192.png, android-chrome-512x512.png, site.webmanifest 그리고 <head>에 붙여 넣을 태그(head-tags.html)입니다. 태그가 가리키는 파일 이름과 생성되는 파일 이름은 서로 맞춰져 있습니다.
원본 이미지 준비
정사각형이고 512px 이상인 PNG나 SVG가 가장 좋습니다. 정사각형이 아닌 이미지는 "전체가 보이게"(남는 곳은 여백) 또는 "꽉 채우기"(가운데를 잘라 채움) 중에서 고를 수 있으며, 어느 쪽이든 이미지를 찌그러뜨리지 않습니다.
배경·여백·모서리
배경은 투명으로 두거나 색을 채울 수 있습니다. iOS 홈 화면 아이콘은 투명을 지원하지 않으므로 투명일 때는 흰색으로 채우고, 모서리는 iOS가 직접 둥글게 처리하므로 둥글기를 적용하지 않습니다.
사이트에 적용하는 법
ZIP을 풀어 파일들을 사이트 루트(/)에 올리고, head-tags.html의 내용을 페이지의 <head> 안에 붙여 넣으면 됩니다.
자주 묻는 질문
- 탭 아이콘이 바뀌지 않아요.
- 브라우저가 이전 아이콘을 캐시하고 있을 수 있습니다. 강력 새로고침(Ctrl+Shift+R)을 하거나 시크릿 창에서 확인해 보세요.
- favicon.ico는 꼭 필요한가요?
- 최신 브라우저는 PNG 아이콘만으로도 충분하지만, 오래된 환경이나 일부 서비스의 호환을 위해 루트에 favicon.ico를 두는 것이 일반적입니다.
- SVG 로고를 올려도 되나요?
- 네. 단 SVG에 width·height 또는 viewBox가 있어야 크기를 읽을 수 있습니다.