파비콘 생성기
PNG, JPG 또는 SVG 이미지 하나로 favicon.ico 파일과 사이트에 필요한 모든 크기의 아이콘을 생성하여 ZIP 파일로 내려받으세요.
이미지 전체가 보이도록 중앙에 배치하고 주변에 여백을 둡니다.
브라우저 탭에는 투명 배경이 잘 어울리며, iPhone 홈 화면 아이콘에는 배경색을 지정하는 것이 더 안전합니다.
여기에 파비콘 및 아이콘 팩이 표시됩니다.
파일들을 사이트의 루트 폴더에 업로드한 후, 모든 페이지의 <head> 태그 안에 아래 코드를 추가해 주세요.
이미지는 브라우저 내에서 바로 아이콘으로 변환됩니다. BroBroGo 서버로 업로드되지 않습니다.
자주 묻는 질문
아이콘 팩에는 어떤 파일들이 포함되어 있나요?
16, 32, 48픽셀 버전이 포함된 favicon.ico 파일, 16, 32, 180, 192, 512픽셀 크기의 PNG 아이콘, 그리고 대형 아이콘 목록이 담긴 site.webmanifest 파일이 생성됩니다. SVG 파일로 시작하는 경우 벡터 원본 파일도 함께 포함됩니다. 이 모든 파일이 하나의 ZIP 압축 파일로 제공됩니다.
원본 이미지의 크기는 어느 정도가 좋은가요?
SVG 형식이 가장 이상적입니다. 벡터 데이터를 기반으로 아이콘을 그리기 때문에 16픽셀 크기에서도 매우 선명하게 유지됩니다. PNG나 JPG를 사용하는 경우 최소 512 × 512픽셀 이상의 이미지를 사용해 주세요. 이보다 작으면 이미지가 확대되어 흐릿하게 보일 수 있습니다.
배경은 투명하게 해야 하나요, 아니면 색상을 채워야 하나요?
브라우저 탭 아이콘은 투명 배경이 깔끔하게 보입니다. 하지만 iPhone 및 iPad 홈 화면에서는 투명한 영역이 검은색으로 채워질 수 있습니다. 사용자가 웹사이트를 홈 화면에 추가할 가능성이 있다면 배경색을 지정하는 것을 권장합니다.
정사각형이 아닌 이미지를 업로드하면 어떻게 되나요?
아이콘은 기본적으로 정사각형 형태이지만 원본 이미지가 왜곡되어 늘어나지는 않습니다. 기본적으로 이미지는 여백과 함께 중앙에 배치되며, '채우기(자르기)' 옵션을 선택하면 긴 쪽의 가장자리를 잘라내어 정사각형을 꽉 채울 수 있습니다.
생성된 파일들을 사이트의 어디에 넣어야 하나요?
생성된 파일들을 웹사이트의 루트 폴더에 업로드하여 /favicon.ico 경로로 접근할 수 있게 하세요. 그런 다음 생성된 HTML 코드를 웹페이지의 <head> 영역에 붙여넣으면 됩니다. 브라우저가 기기에 맞는 최적의 크기를 자동으로 선택하여 불러옵니다.