Pixoate파비콘 생성기 - 이미지에서 모든 파비콘 크기 생성
어떤 이미지를 업로드하든 즉시 전체 패비콘 세트를 얻을 수 있습니다: 16, 32, 48, 180(Apple), 192, 512(PWA), 그리고 site.webmanifest를 zip 패키지로 묶어서 제공합니다.
로고를 내려놓으면 모든 패비콘 크기를 생성하세요
site.webmanifest + HTML 스니펫 포함
파비콘 제너레이터 소개
현재 브라우저가 실제로 사용하는 여섯 가지 패비콘 크기로 이미지를 렌더링하며(아직 필요한 레거시 .ico 경로를 건너뛰고), 즉시 배포할 수 있는 웹 앱 매니페스트도 제공합니다. 브라우저에서 완전히 실행되며, 업로드도 대기도 없습니다.
이미지 계속 향상
이 인기 있는 도구로 사진 편집을 한 단계 더 발전시키세요
Frequently Asked Questions
최신 브라우저와 기기에는 6가지 크기가 필요합니다: 브라우저 탭용 16×16 및 32×32, 윈도우 사이트 아이콘용 48×48, 애플 터치 아이콘(iOS 홈 화면)용 180×180, 안드로이드 홈 화면 및 PWA 설치 프롬프트용 192×192 + 512×512입니다. 우리 생성기는 단일 소스 이미지에서 여섯 장과 site.webmanifest 모두를 생성합니다.
usage대부분의 최신 브라우저는 PNG 링크 태그(rel="icon" type="image/png")를 선호하므로 ICO 파일이 더 이상 필요하지 않습니다. 기존 ICO는 건너뛰고 모든 현대 목표물에 맞는 정확한 크기의 PNG 파비콘을 제공합니다. 인터넷 익스플로러나 아주 오래된 크롬을 꼭 지원해야 한다면, PNG 중 하나를 ICO로 따로 변환할 수 있습니다.
technical웹 앱 매니페스트는 Android, Chrome, Edge에 점진적 웹 앱으로 설치했을 때 사이트가 어떻게 보여야 하는지 알려주는 JSON 파일입니다 — 아이콘, 이름, 테마 색상, 디스플레이 모드 등이 포함됩니다. 우리 생성기에는 안드로이드 크롬 아이콘을 가리키는 스타터 매니페스트가 포함되어 있습니다; 이름과 theme_color만 수정하면 됩니다.
features512×512 이상의 정사각형(1:1) PNG는 모든 크기에서 가장 깨끗한 출력을 제공합니다. 16×16에서 사라지는 세밀한 디테일을 피하세요 — 파비콘은 하나의 굵은 형태와 높은 대비가 가장 좋습니다. 투명한 PNG가 작동합니다; 툴이 레터박스를 만들어서 아이콘이 모든 크기에서 중앙에 위치하도록 합니다.
tips네 — 원본 이미지는 캔버스 API를 통해 크기 조정되고 로컬에서 ZIP로 패키징됩니다. 아무것도 업로드되지 않았습니다. 이로 인해 미출시 제품과 사전 출시 브랜드 아이덴티티를 위한 아이콘을 안전하게 생성할 수 있습니다.
privacy다운로드를 사이트의 /public(또는 웹 루트) 폴더에 압축 해제한 후, 포함된 HTML 스니펫을 <head>에 추가하세요: PNG 아이콘에 링크 태그와 site.webmanifest 링크를 추가하세요. 사이트를 하드 새로고침하세요(Cmd+Shift+R) — 브라우저는 파비콘을 강하게 캐시하기 때문에, 새 아이콘이 나타나려면 캐시를 지워야 할 수도 있습니다.
usage네 — 192×192와 512×512 PNG는 Chrome과 Edge가 사이트를 설치 가능한 PWA로 인증하는 데 딱 맞는 조건입니다. 명세서와 함께 등대 PWA 설치 가능성 검사를 충족합니다.
technical네. 워터마크도, 가입도, 사용 제한도 없으며, ZIP은 영원히 여러분의 것입니다. 이 도구를 추가한 이유는 모든 개발자가 결국 파비콘 세트를 필요로 하고, 기존 생성기는 광고가 많거나 고해상도 출력에 비용을 지불해야 했기 때문입니다.
pricingUse Cases
인디 해커 출시
솔로 창업자가 MVP를 출시할 때 발사 전에 다듬어진 파비콘이 필요합니다. 단일 로고 이미지와 매니페스트에서 한 번의 클릭으로 모든 크기를 생성할 수 있습니다 — Figma나 디자인 구독 필요 없이요.
에이전시 클라이언트 설정
새로운 클라이언트 사이트를 제공할 때, 파비콘 세트는 거의 예산에 반영되지 않지만 항상 기대됩니다. 프로젝트 마지막에 ZIP을 생성하고, /public에 넣은 뒤 산출물을 체크하세요.
PWA 설치 가능성
Chrome 설치 가능성 검사를 통과하려면 매니페스트에 192×192와 512×512 아이콘이 필요합니다. 저희 출력은 기본 조건과 일치하는 HTML 헤드 태그를 충족합니다.
다중 브랜드 작업 공간
여러 클라이언트 브랜드를 관리하는 에이전시와 컨설턴트는 브랜드가 새로고침될 때마다 10초 만에 파비콘 세트를 생성할 수 있어 포토샵 작업을 유지할 필요가 없습니다.
오픈 소스 프로젝트 브랜딩
GitHub Pages, Vercel, Netlify, Cloudflare Pages 사이트 모두 브라우저 탭에서 세련되게 보이려면 파비콘이 필요합니다. 생성된 파일을 저장소에 넣으면 프로젝트가 이미 배송된 것처럼 보입니다.
리브랜딩 리프레시
로고가 변경될 때는 Illustrator에서 수동으로 다시 내보내지 않고 180px Apple Touch 아이콘과 512px Android PWA 아이콘을 포함한 모든 필요한 크기를 다시 생성하세요.