파비콘 생성

모든 크기를 한 번에 ZIP으로

정사각형 이미지가 가장 잘 맞아요. 배경이 투명한 PNG 로고를 추천해요.

파비콘으로 쓸 이미지를 끌어다 놓으세요

붙여넣기(Ctrl+V)도 돼요 · 최대 50MB

파일은 서버로 전송되지 않아요. 모든 처리는 이 기기의 브라우저 안에서만 이뤄져요.

사용 방법

파비콘으로 쓸 이미지를 끌어다 놓거나 [이미지 선택]으로 여세요.
여백과 배경(투명·색 채우기)을 정하세요. 크기별 미리보기에서 작게 봤을 때 모양을 확인할 수 있어요.
[ZIP으로 다운로드]를 눌러 파일 묶음을 받으세요.
압축을 풀어 사이트 루트(/)에 올리고, 화면에 나온 HTML 코드를 <head>에 붙여 넣으세요.

자주 묻는 질문

ZIP에는 어떤 파일이 들어 있나요?

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가 들어 있어요.

정사각형이 아닌 로고도 쓸 수 있나요?

쓸 수 있어요. 잘라 내지 않고 긴 변을 기준으로 가운데에 맞추고, 남는 부분은 투명하게(또는 고른 배경색으로) 채워요.

아이폰 홈 화면 아이콘만 배경이 흰색이에요.

iOS 홈 화면 아이콘(apple-touch-icon.png)은 투명 배경을 지원하지 않아서 배경색을 채워요. 배경을 [투명]으로 두면 흰색으로, [색 채우기]를 고르면 그 색으로 채워요.

site.webmanifest의 name이 비어 있어요.

사이트 이름은 사이트마다 달라서 비워 뒀어요. name과 short_name에 사이트 이름을 직접 적어 주세요. theme_color는 [색 채우기]를 골랐으면 그 색, 아니면 흰색으로 들어가요.

SVG 로고로 만들 수 있나요?

이 도구는 JPG·PNG·WebP·AVIF·GIF·BMP를 받아요. SVG는 512px 이상의 PNG로 먼저 내보낸 뒤 넣어 주세요.

파일을 루트가 아닌 폴더에 두면 어떻게 하나요?

HTML 코드와 site.webmanifest의 경로가 사이트 루트(/) 기준이에요. 다른 폴더에 올렸다면 href와 src 경로를 그 폴더에 맞게 고쳐 주세요.