파비콘 생성기 - 이미지에서 모든 파비콘 크기 생성

아무 이미지나 업로드하면 완전한 파비콘 세트를 즉시 받을 수 있습니다: 다중 해상도 favicon.ico에 더해 16, 32, 48, 180(Apple), 192 및 512(PWA) PNG와 site.webmanifest가 ZIP으로 묶여 제공됩니다.

로고를 놓아 모든 파비콘 크기를 생성하세요

favicon.ico, site.webmanifest, HTML 스니펫 포함

파일은 처리 후 자동으로 삭제됩니다Processed securely over HTTPS

파비콘 생성기 사용을 끝내셨나요? 다음 도구도 사용해 보세요

파비콘 생성기와 잘 어울리는 엄선된 도구들입니다. 파일을 잃지 않고 작업을 이어가세요.

모든 도구 보기

Frequently Asked Questions

최신 브라우저와 기기에는 여섯 가지 크기가 필요합니다. 브라우저 탭용 16×16과 32×32, Windows 사이트 아이콘용 48×48, Apple 터치 아이콘(iOS 홈 화면)용 180×180, Android 홈 화면 및 PWA 설치 안내용 192×192와 512×512입니다. Pixoate의 생성기는 하나의 원본 이미지로 이 여섯 가지 모두와 site.webmanifest까지 만들어 냅니다.

usage

대부분의 최신 브라우저는 PNG 링크 태그(rel="icon" type="image/png")를 선호하므로 ICO 파일은 더 이상 필요하지 않습니다. 저희는 구식 ICO를 생략하고 모든 최신 대상에 맞는 크기의 PNG 파비콘을 제공합니다. Internet Explorer나 아주 오래된 Chrome을 지원해야 한다면 PNG 중 하나를 별도로 ICO로 변환할 수 있습니다.

technical

웹 앱 매니페스트는 사이트가 프로그레시브 웹 앱으로 설치될 때 어떻게 보일지(아이콘, 이름, 테마 색상, 표시 모드)를 Android, Chrome, Edge에 알려주는 JSON 파일입니다. 이 생성기에는 Android Chrome 아이콘을 가리키는 시작용 매니페스트가 포함되어 있어, 이름과 theme_color만 수정하면 됩니다.

features

512×512 이상의 정사각형(1:1) PNG가 모든 크기에서 가장 깔끔한 결과를 냅니다. 16×16에서 사라져 버리는 세밀한 디테일은 피하세요. 파비콘은 굵고 단순한 형태와 높은 대비일 때 가장 잘 보입니다. 투명 PNG도 사용할 수 있으며, 이 도구가 레터박스 처리하여 아이콘이 모든 크기에서 중앙에 오도록 합니다.

tips

Your source image is uploaded over HTTPS to our secure server, which renders every favicon size and the site.webmanifest and returns them as a ZIP, then deletes the upload automatically after processing. Downloads have no watermark and nothing is stored or shared, so it stays safe for unreleased products and pre-launch brand identities.

privacy

다운로드한 파일의 압축을 풀어 사이트의 /public(또는 웹 루트) 폴더에 넣은 뒤, 포함된 HTML 스니펫을 <head>에 추가하세요. PNG 아이콘용 link 태그와 site.webmanifest 링크가 들어 있습니다. 사이트를 강력 새로고침(Cmd+Shift+R)하세요. 브라우저는 파비콘을 적극적으로 캐시하므로 새 아이콘이 나타나려면 캐시를 비워야 할 수도 있습니다.

usage

예 — 192×192와 512×512 PNG는 Chrome과 Edge가 사이트를 설치 가능한 PWA로 인정하기 위해 찾는 바로 그 파일입니다. 매니페스트와 함께라면 Lighthouse의 PWA 설치 가능성 검사를 통과합니다.

technical

네. 워터마크도, 회원가입도, 사용 한도도 없으며, ZIP은 영원히 사용자의 것입니다. 모든 개발자는 결국 파비콘 세트가 필요한데 기존 생성기들은 광고로 가득하거나 고해상도 출력에 비용을 청구했기에, 이 도구를 추가했습니다.

pricing

파비콘은 브라우저가 탭의 페이지 제목 옆, 즐겨찾기, 방문 기록에 표시하는 작은 아이콘입니다. 누군가 휴대폰 홈 화면에 사이트를 추가하거나 앱으로 설치할 때 사용되는 아이콘이기도 합니다. 여기에 로고를 업로드하면 생성기가 전체 파비콘 사이즈 세트와 site.webmanifest를 하나의 ZIP으로 만들어 줍니다.

usage

Yes — the uploader accepts PNG, JPEG, WebP and SVG source files, not just PNG. SVG is worth using if you have it: because it's vector, every output size from 16 up to 512 is rendered fresh from the vector data instead of being scaled up from a raster, so edges stay crisp even at 512×512. JPEG and WebP work fine too, though you should flatten any transparency onto a background first since JPEG can't hold an alpha channel.

technical

How Favicon Generator helps you get it done

Real problems it solves every day — for businesses, creators, and everyday tasks. Find the use case that fits you and start in seconds.

For Developers

인디 해커 런칭

MVP를 출시하는 1인 창업자도 런칭 전에 잘 다듬어진 파비콘이 필요합니다. 로고 이미지 한 장에서 모든 크기의 파비콘과 매니페스트를 클릭 한 번으로 생성하세요. Figma도, 디자인 구독도 필요 없습니다.

For Business

에이전시 고객 설정

새 클라이언트 사이트를 납품할 때 파비콘 세트는 견적에 잘 포함되지 않지만 항상 기대됩니다. 프로젝트 막바지에 ZIP을 생성해 /public에 넣고 납품 항목을 체크하세요.

For Developers

PWA 설치 가능성

Chrome 설치 가능성 검사를 통과하려면 매니페스트에 192×192 및 512×512 아이콘이 필요합니다. 당사의 출력물은 별도 설정 없이 이 요구 사항을 충족하며, 이에 맞는 HTML head 태그도 함께 제공합니다.

For Business

멀티 브랜드 워크스페이스

여러 고객 브랜드를 동시에 관리하는 에이전시와 컨설턴트는 브랜드를 리뉴얼할 때마다 파비콘 세트를 10초 만에 다시 만들 수 있습니다. Photoshop 액션을 따로 관리할 필요가 없습니다.

For Developers

오픈 소스 프로젝트 브랜딩

GitHub Pages, Vercel, Netlify, Cloudflare Pages 사이트는 모두 브라우저 탭에서 깔끔하게 보이려면 파비콘이 필요합니다. 생성된 파일을 저장소에 넣기만 하면 프로젝트가 완성된 것처럼 보입니다.

Marketing

리브랜딩 리프레시

로고가 바뀌면 180px Apple 터치 아이콘과 512px Android PWA 아이콘을 포함해 필요한 모든 크기를 Illustrator에서 일일이 다시 내보내지 않고도 한 번에 재생성하세요.

For Developers

Icons for a Browser Extension Manifest

Grab the 16, 32 and 48px PNGs straight out of the ZIP for your manifest.json icons object — a fast way to get compliant extension icons without exporting each size by hand in a design tool.

Web & SEO

Fill the Favicon Gap on No-Code Sites

Webflow, Framer and Wix rarely generate a full favicon set on their own; upload your logo here and paste the resulting sizes and HTML snippet into the site's custom-code or SEO settings panel in minutes.

Personal Use

Give a Hobby Blog a Finished Look

Personal blogs on Ghost, Jekyll or Hugo often ship with no favicon at all; generate the full set from a headshot or hand-drawn logo so the browser tab looks intentional instead of blank.

Marketing

Fix the Favicon Flagged in an SEO Audit

누락되거나 깨진 favicon은 Lighthouse와 SEO 크롤러 보고서에서 흔히 지적되는 문제이며, 검색 결과와 북마크에서 클릭률을 조용히 떨어뜨립니다. 업로드 한 번으로 전체 세트를 다시 생성하고 오늘 그 문제를 해결하세요.