파비콘 생성기
이미지 하나로 파비콘 세트를 업로드 없이 만드세요.
🔒 파일은 브라우저에서 로컬로 처리되며, 서버에 업로드되지 않습니다.
선택한 파일
완료
이 코드를 <head>에 넣으세요
이 도구가 하는 일
파비콘 생성기는 이미지 하나로 웹사이트에 필요한 아이콘 파일을 전부 만들어 줍니다. 여러 크기가 담긴 favicon.ico, 브라우저 탭용 PNG, 애플 터치 아이콘, 안드로이드 홈화면 아이콘, 웹 매니페스트까지 나오고 <head>에 붙일 태그도 함께 제공합니다. 전 과정이 브라우저에서 처리되어 로고가 업로드되지 않습니다.
사용 방법
- 정사각형 이미지를 올리세요 — 512×512 이상이면 가장 선명합니다.
- 필요하면 매니페스트용 사이트 이름을 입력하고, 투명 대신 배경색을 쓸지 고르세요.
- 파비콘 세트 만들기를 누르세요.
- 파일을 사이트 최상위 폴더에 넣고, 스니펫을 <head>에 붙여넣으세요.
참고
- 모든 처리는 로컬에서 이루어지며 로고가 기기를 벗어나지 않습니다.
- 정사각형이 아닌 이미지는 가운데를 기준으로 잘립니다.
- 16×16에서는 복잡한 로고보다 단순하고 대비가 강한 형태가 잘 보입니다.
자주 묻는 질문
파일을 어디에 넣어야 하나요?
사이트 최상위 폴더에 넣어서 /favicon.ico, /apple-touch-icon.png 같은 경로가 되게 하세요. 스니펫의 경로와 일치하고, 브라우저는 태그가 없어도 최상위의 favicon.ico를 찾습니다.
PNG가 있으면 favicon.ico는 없어도 되나요?
넣어 두는 편이 좋습니다. 일부 브라우저와 도구는 HTML을 읽지 않고 /favicon.ico를 바로 요청하기 때문에, 없으면 불필요한 404가 생기고 아이콘이 안 보일 수 있습니다.
원본 이미지는 어느 정도 크기여야 하나요?
정사각형으로 최소 512×512, 가장자리에 여백을 조금 두는 걸 권합니다. 모든 결과물이 이 파일 하나에서 축소되므로, 크게 시작해야 큰 안드로이드 아이콘까지 선명합니다.
투명을 유지하는 게 좋나요?
브라우저 탭용으로는 유지하는 게 좋습니다. 밝은 테마와 어두운 테마 모두에 자연스럽게 어울리거든요. 다만 iOS는 홈화면 아이콘의 투명한 부분을 검게 채우므로, 홈화면에 추가될 아이콘이라면 배경색을 지정하는 편이 보기 좋습니다.
복잡한 로고가 작은 크기에서 뭉개집니다.
16×16에는 디테일이 들어갈 자리가 거의 없습니다. 글자가 들어간 전체 로고 대신, 알파벳 한 글자나 단순한 도형처럼 대비가 강한 심볼을 쓰세요.