무료 파비콘 생성기
모든 이미지를 완전한 파비콘 패키지로 변환합니다: 다중 크기 favicon.ico, Apple 터치 아이콘, Android/PWA 아이콘, 웹 매니페스트, 바로 붙여넣을 수 있는 HTML 스니펫 — 모두 ZIP으로, 브라우저에서.
여기에 파일을 놓거나 클릭해서 선택하세요
PNG, JPG, WebP, SVG, HEIC, HEIF · 기기에서 처리됨
또는 Ctrl+V를 눌러 클립보드에서 붙여넣기
파일이 기기를 떠나지 않습니다. 모든 처리는 브라우저에서 로컬로 이루어집니다.
💡 최상의 결과를 위해 512×512 이상의 정사각형 이미지를 업로드하세요. 투명 PNG 또는 SVG가 가장 적합합니다.
주요 용도
- 웹사이트 파비콘 만들기모든 브라우저와 기기가 예상하는 완전한 파비콘 세트를 생성합니다.
- PWA 및 매니페스트 아이콘 생성PWA에 필요한 192px 및 512px 아이콘과 웹 매니페스트를 가져옵니다.
- Apple 터치 아이콘 만들기사이트가 홈 화면에 저장될 때 iOS가 사용하는 180×180 아이콘을 생성합니다.
- 로고를 파비콘으로 변환브랜드 로고를 깔끔하고 인식하기 쉬운 파비콘으로 변환합니다.
- 모든 프레임워크를 위한 파비콘 생성React, Next.js, WordPress 등을 위한 플러그 앤 플레이 파비콘 파일을 가져옵니다.
사용 방법
이 도구는 PNG, JPEG, WebP, SVG를 완전한 파비콘 패키지로 변환합니다. 여러 크기의 .ico, Apple 터치 아이콘, Android/PWA 아이콘, 웹 매니페스트, 바로 붙여 넣을 수 있는 HTML 조각을 Canvas API와 JSZip으로 전적으로 브라우저 안에서 만듭니다. 업로드되는 것은 없으며 모든 렌더링과 파일 조합은 로컬에서 이루어집니다.
- 1Canvas가 이미지 크기 조정브라우저가 필요한 각 크기(16, 32, 48, 180, 192, 512 px)의 화면 밖 HTML Canvas 요소에 원본 이미지를 그립니다. 명시적인 width/height 속성이 없는 SVG는 먼저 DOMParser와 XMLSerializer로 정규화하여 Firefox와 Chrome이 빈 캔버스가 아닌 동일한 픽셀 결과를 내도록 합니다.
- 2직접 작성한 ICO 인코더로 .ico 파일 생성작은 ICO 항목(16, 32, 48 px)은 원시 32비트 BGRA DIB 비트맵(BITMAPINFOHEADER와 아래에서 위로 쓰인 XOR 행, 1bpp AND 마스크)으로 인코딩됩니다. Windows 셸 구성 요소가 이 크기에서 비압축 DIB 형식을 요구하기 때문입니다. 도구는 외부 ICO 라이브러리 없이 DataView와 Uint8Array만으로 ICO 디렉터리 헤더를 쓰고 항목을 이어 붙입니다.
- 3PNG 출력은 canvas.toBlob으로 생성각 PNG 변형(favicon-16x16, favicon-32x32, apple-touch-icon-180x180, android-chrome-192x192, android-chrome-512x512)은 'image/png'로 canvas.toBlob을 호출해 캡처하며, 무손실 인코딩은 브라우저 내장 이미지 엔진이 담당합니다. 선택적 여백, 배경색, 모양 자르기(사각형, 둥근 사각형, 원)는 캡처 전에 캔버스 컨텍스트에 적용됩니다.
- 4JSZip으로 모든 파일을 하나로 묶어 다운로드JSZip이 생성된 모든 파일(favicon.ico, PNG 5개, 앱 이름이 담긴 site.webmanifest, 올바른 <link> 태그가 담긴 favicon-snippet.html)을 하나의 .zip blob으로 묶어 기기에 자동으로 다운로드합니다.
이미지는 브라우저의 Canvas API에 직접 로드되며 기기를 떠나지 않습니다. 어떤 시점에도 파일 데이터가 서버로 전송되지 않습니다.
관련 도구
PNG를 ICO 파비콘으로 변환기
PNG, JPG, WebP, SVG 이미지를 다중 크기 .ico 파비콘 파일로 변환합니다. 번들할 크기(16, 32, 48, 64, 128, 256)를 선택하고 단일 .ico를 다운로드합니다.
애니메이션 GIF 메이커
여러 이미지를 애니메이션 GIF로 합칩니다. 프레임 지연, 출력 너비, 루프, 품질을 조절할 수 있습니다. 브라우저에서 완전히 인코딩됩니다.
서명 만들기
마우스, 손가락, 스타일러스로 서명을 그리거나 손글씨 글꼴로 이름을 입력한 다음 투명 PNG 또는 SVG로 내보내세요.