파비콘 생성기
하나의 이미지를 모든 일반 크기의 완전한 파비콘 세트와 바로 붙여넣을 수 있는 HTML 스니펫으로 바꾸세요. 모두 브라우저에서 이루어집니다.
이미지를 여기에 놓으세요
또는
파비콘 세트를 생성하는 방법
- 업로드 영역에 이미지 하나를 놓거나 클릭하여 기기에서 선택하세요.
- 도구가 이미지를 정사각형으로 만들고 중앙에 배치한 다음 모든 일반 파비콘 크기를 렌더링합니다.
- 각 PNG를 개별적으로 다운로드하거나 모두 다운로드를 사용해 전체 세트를 받으세요.
- HTML 스니펫을 사이트의 head에 복사하세요.
자주 묻는 질문
내 이미지가 서버에 업로드되나요?
아니요. 파비콘은 Canvas API를 사용하여 브라우저에서 완전히 생성되므로 이미지가 기기를 벗어나지 않습니다.
생성기는 어떤 크기를 만들나요?
최신 브라우저가 요청하는 가장 일반적인 크기인 16x16, 32x32, 48x48, 180x180(apple-touch-icon), 192x192, 512x512 PNG 파일을 만듭니다.
이미지가 정사각형이 아니면 어떻게 되나요?
이미지가 정사각형 캔버스에 맞도록 축소되고 중앙에 배치되며 양쪽에 투명한 여백이 생겨도 결과는 여전히 아이콘으로 작동합니다.
이 도구는 무료로 사용할 수 있나요?
네. 모든 Handio 도구는 무료이며 회원가입, 제한 및 워터마크가 없습니다.
관련 도구
파비콘 세트를 생성하는 이유는?
브라우저는 탭, 북마크 및 홈 화면을 위해 여러 크기의 파비콘을 요청합니다. 완전한 세트는 단일 리사이즈 이미지로 인한 흐릿함 대신 사이트가 어디서나 선명하게 보이게 합니다.
- 16px 탭부터 512px 아이콘까지 브라우저가 요청할 수 있는 모든 크기를 대비하세요.
- iOS 홈 화면에서 사용하는 apple-touch-icon을 제공하세요.
- 사이트의 head에 붙여넣을 정확한 HTML 마크업을 얻으세요.
팁 및 제한 사항
16px에서는 세부 디테일이 사라지므로 단순하고 대비가 높은 이미지로 시작하세요. PNG 출력은 투명도를 유지하며, 180px apple-touch-icon은 투명한 가장자리가 없는 단색 도형이어야 합니다. 모든 작업은 브라우저에서 로컬로 실행됩니다.