로고나 아이콘을 업로드해 모든 표준 파비콘 크기를 PNG로 내려받으세요. Apple Touch Icon과 PWA 아이콘 포함. 아무것도 기기를 떠나지 않습니다.
파비콘 생성기는 제공된 이미지를 Canvas drawImage API를 사용해 표준 파비콘 치수로 크기를 조정합니다. 16x16, 32x32, 48x48, 180x180(Apple 터치 아이콘), 192x192(Android Chrome), 512x512(PWA 매니페스트) 총 6가지 크기를 브라우저에서 생성하고 개별 PNG 파일로 다운로드할 수 있습니다. 원본 이미지는 기기를 벗어나지 않습니다.
완전한 파비콘 세트는 브라우저 탭 아이콘, 북마크, 홈 화면 바로가기, PWA 스플래시 화면의 전체 범위를 커버합니다. 고해상도 원본 이미지(최소 512x512픽셀)를 사용하면 다운스케일 알고리즘이 활용할 수 있는 세부 정보가 가장 많습니다. 생성된 각 파일을 참조하는 데 필요한 HTML 링크 태그가 페이지의 head 요소에 직접 복사할 수 있는 스니펫으로 표시됩니다.
브라우저가 디코딩할 수 있는 모든 형식이 입력으로 작동합니다. JPEG, PNG, WebP, GIF, SVG가 있습니다. SVG 원본의 경우 브라우저가 크기 조정 전에 벡터를 Canvas에 래스터화하므로 출력 PNG는 형식과 관계없이 래스터 이미지입니다.
16x16 및 32x32 크기는 매우 작습니다. 원본 이미지에 세밀한 디테일이나 얇은 선이 있으면 다운스케일에서 살아남지 못합니다. 복잡한 일러스트레이션보다 명확한 모양의 단순하고 굵직한 디자인이 작은 크기에서 훨씬 잘 작동합니다.
네. 도구는 여섯 개의 PNG 외에도 16x16, 32x32, 48x48 이미지를 하나의 파일로 묶은 favicon.ico를 항상 함께 생성합니다. 오래된 Windows 브라우저와 일부 크롤러는 사이트 루트에서 여전히 이 파일을 찾습니다. 최신 브라우저는 PNG 링크만으로도 충분하므로, 둘 다 제공해도 비용이 들지 않고 각 클라이언트가 원하는 것을 선택할 수 있습니다.
아니요. 각 크기를 생성하는 Canvas drawImage 호출은 브라우저 탭에서 실행됩니다. 원본 이미지는 로컬 디스크에서 읽히고 6개의 PNG 출력이 메모리에서 생성되어 다운로드로 제공됩니다. 어떤 파일 데이터도 서버를 통과하지 않습니다.
iOS 및 iPadOS는 apple-touch-icon 링크 태그로 참조된 180x180픽셀 PNG를 사용합니다. 이 크기는 사용자가 Apple 기기에서 사이트를 홈 화면에 추가할 때 사용됩니다. 도구는 이 파일을 다른 크기와 함께 생성합니다.
네. 하지만 출력은 정사각형 canvas에 맞게 레터박스 또는 필러박스 처리됩니다. 최상의 결과를 위해 정사각형으로 시작하거나 도구를 사용하기 전에 원본 이미지를 정사각형으로 자르세요.