파비콘 발전기
모든 이미지에서 다양한 크기(16x16~512x512)의 파비콘 파일을 생성합니다. 무료이며 즉시 실행되며 브라우저에서 완전히 실행됩니다.
여기에 이미지를 드래그 앤 드롭하세요.
PNG, JPG, SVG, WebP를 지원합니다. 최대 10MB.
모든 이미지에서 다양한 크기(16x16~512x512)의 파비콘 파일을 생성합니다. 무료이며 즉시 실행되며 브라우저에서 완전히 실행됩니다.
PNG, JPG, SVG, WebP를 지원합니다. 최대 10MB.
파비콘은 브라우저 탭, 북마크, 기록 목록에 표시되는 작은 아이콘입니다. /favicon.ico의 16×16 ICO 파일인 원본 파비콘은 브라우저 탭의 경우 16×16 및 32×32, iOS 홈 화면의 경우 180×180, Android의 경우 192×192 및 512×512, Windows 타일의 경우 다양한 크기 등 다양한 플랫폼에 대해 다양한 크기의 복잡한 아이콘 세트로 확장되었습니다. 단일 소스 이미지에서 이러한 모든 것을 생성하는 것이 최신 파비콘 생성기의 기능입니다.
이 도구는 단일 고해상도 소스 이미지(일반적으로 정사각형 로고)를 가져와 전체 파비콘 자산 세트와 이를 참조하는 데 필요한 HTML 링크 태그를 생성합니다. 출력에는 ICO, 여러 PNG 및 프로그레시브 웹 앱 메타데이터용 매니페스트.json이 포함됩니다. 결과 파일을 사이트 루트에 놓고 생성된 HTML을 통해 참조하세요.
모든 처리는 귀하의 브라우저에서 이루어집니다. 업로드, API 호출, 속도 제한이 없습니다. 출력은 파비콘을 표시하는 모든 최신 브라우저 및 운영 체제에서 작동합니다.
파비콘이 없는 사이트는 미완성된 것처럼 보입니다. 브라우저 탭에는 일반 아이콘이 표시됩니다. 북마크에는 시각적 식별자가 없습니다. 사이트가 덜 전문적인 것 같습니다. 적절한 파비콘 세트를 추가하는 것은 세부 사항에 주의를 기울이는 노력이 적고 효과가 뛰어난 마무리 단계입니다.
최신 파비콘 요구 사항은 /favicon.ico 이상으로 늘어났습니다. iOS 홈 화면 아이콘, Android Chrome 아이콘, Windows 타일 아이콘 및 다크 모드 변형은 모두 서로 다른 파일을 사용합니다. 하나의 소스에서 모든 파일을 생성하면 각 파일을 직접 관리하지 않고도 일관된 브랜딩이 보장됩니다.
소스 이미지를 업로드하고 전체 파비콘 세트를 받으세요.
최신 파비콘 세트: favicon.ico(16+32+48 다중 해상도), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png(180×180), android-chrome-192x192.png, android-chrome-512x512.png, mstile-150x150.png. 또한 PWA용 site.webmanifest, Windows용 browserconfig.xml도 있습니다.
각 PNG는 소스에서 캔버스 기반 다운샘플링을 통해 생성됩니다. ICO는 DataView 쓰기를 사용하여 16/32/48 버전을 다중 해상도 ICO 형식으로 결합하여 JavaScript로 구성됩니다.
HTML 링크 태그는 적절한 rel 및 size 속성을 사용하여 각 파일을 참조합니다. 생성기는 이를 사이트의 <head>에 대한 복사-붙여넣기 가능 스니펫으로 생성합니다.