새 사이트 오픈
디자이너가 로고 한 장을 주면 프런트엔드가 모든 크기와 head 코드를 한 번에 받습니다.
Guide
파비콘 생성기는 로고 한 장을 사이트에 필요한 아이콘 세트로 바꿉니다: favicon-16x16.png, favicon-32x32.png, favicon-48x48.png(브라우저 탭과 데스크톱 바로가기), apple-touch-icon.png 180×180(iOS 홈 화면), android-chrome-192x192.png와 android-chrome-512x512.png(Android와 PWA). 이어서 16 / 32 / 48 PNG 세 장을 하나의 다중 크기 favicon.ico로 묶고 site.webmanifest 템플릿과 에 바로 붙여넣을 수 있는 코드를 제공합니다. 크기 조절은 pica로 고품질 리샘플링합니다. 처리는 브라우저에서 로컬로 이루어집니다.
2026-09-09 업데이트2 min read
파비콘 생성기는 로고 한 장을 사이트에 필요한 아이콘 세트로 바꿉니다: favicon-16x16.png, favicon-32x32.png, favicon-48x48.png(브라우저 탭과 데스크톱 바로가기), apple-touch-icon.png 180×180(iOS 홈 화면), android-chrome-192x192.png와 android-chrome-512x512.png(Android와 PWA). 이어서 16 / 32 / 48 PNG 세 장을 하나의 다중 크기 favicon.ico로 묶고 site.webmanifest 템플릿과 <head>에 바로 붙여넣을 수 있는 <link> 코드를 제공합니다. 크기 조절은 pica로 고품질 리샘플링합니다. 처리는 브라우저에서 로컬로 이루어집니다.
크기와 묶음만 담당하고 그래픽 디자인은 하지 않습니다. 로고 자체가 16px에서도 알아볼 수 있어야 좋은 파비콘입니다.
favicon.zip을 받습니다.<link rel=icon>, apple-touch-icon, manifest)를 복사해 <head>에 붙이고, 압축을 푼 파일을 사이트 루트 디렉터리에 둡니다. manifest의 이름과 테마 색은 필요에 따라 고치세요.| 입력 | 출력 | 설명 |
|---|---|---|
1024×1024 투명 PNG 로고 |
PNG 6장 + favicon.ico(16 / 32 / 48 포함) + site.webmanifest |
투명 채널 유지 |
1600×900 가로형 로고 |
먼저 가운데를 900×900으로 자른 뒤 축소 |
양쪽이 각각 350px 잘림 |
200×200 작은 이미지 |
생성은 되지만 '원본 이미지의 짧은 변이 200px에 불과해 512px 아이콘은 확대 생성됩니다' 안내 |
큰 아이콘은 흐려짐 |
디자이너가 로고 한 장을 주면 프런트엔드가 모든 크기와 head 코드를 한 번에 받습니다.
프로젝트에 favicon은 있는데 192 / 512 manifest 아이콘이 없을 때 생성 후 두 장만 가져갑니다.
로고를 바꾼 뒤 전체 세트를 다시 생성해 루트 디렉터리의 같은 이름 파일을 덮어씁니다.
favicon.zip을 static/ 디렉터리에 풀어 넣습니다.
16px로 줄이면 디테일이 반드시 사라집니다. 파비콘은 단순한 도형이나 첫 글자를 쓰고 가는 선과 작은 글자는 피하세요.
ICO 안에는 PNG가 들어 있어 Windows XP 이하의 파일 탐색기는 지원하지 않지만 최신 브라우저는 모두 인식합니다.
site.webmanifest는 템플릿이므로 다운로드 후 텍스트 편집기로 name, short_name, theme_color를 수정하면 됩니다.
자르기, 크기 조절, ICO 패키징 모두 브라우저에서 로컬로 이루어지며 로고는 어떤 서버로도 업로드되지 않습니다.
2026-09-09 업데이트
로고 한 장으로 사이트 아이콘 세트(다중 크기 PNG, ICO, manifest)를 생성합니다
이 도구는 아직 완전히 번역되지 않아 일부 내용이 원문 또는 대체 언어로 표시됩니다.