SVG를 파비콘으로
SVG 로고를 완전한 파비콘 세트로 — favicon.ico, apple-touch-icon, 웹 앱 아이콘까지 — 브라우저 안에서 선명하게 래스터화하세요. 아무것도 업로드되지 않습니다.
개인정보 우선: 모든 이미지는 브라우저에서 로컬로 처리됩니다. 어떤 것도 서버에 업로드, 저장 또는 전송되지 않습니다.
벡터 하나로, 모든 래스터 크기를
SVG는 파비콘의 이상적인 원본입니다. 해상도에 매이지 않으므로 각 아이콘 크기를 이미 작아진 비트맵에서 다시 샘플링하는 대신 원본 도형에서 래스터화할 수 있기 때문입니다. SVG를 넣으면 16, 32, 48, 180, 192, 512픽셀 결과물이 저마다 제 크기에서 벡터로부터 그려지므로, 가장자리가 뭉개지지 않고 선명하게 유지됩니다. 탭에서 의도한 대로 보이는 아이콘과 얼룩처럼 보이는 아이콘의 차이가 여기서 갈립니다.
그래도 .ico가 필요한 이유
요즘 브라우저는 SVG 파비콘을 그대로 잘 씁니다. 하지만 오래된 브라우저와 수많은 도구들 — 피드 리더, 채팅 링크 미리보기, 바탕화면 바로 가기 — 은 여전히 favicon.ico를 찾습니다. 같은 SVG에서 둘 다 만들면 빠짐없이 대비됩니다. 여백을 더하고 정사각형·둥근 모서리·원형 마스크와 배경을 고른 뒤, 바로 붙여넣을 수 있는 HTML 스니펫과 함께 전체 세트를 내려받으세요.
자주 묻는 질문
- 파비콘을 만들기 위해 이미지가 업로드되나요?
- 아니요. favicon.ico, PNG 아이콘, 매니페스트는 모두 Canvas API를 사용해 브라우저에서 로컬로 생성됩니다. 이미지는 기기를 벗어나지 않습니다.
- 어떤 크기와 파일을 받게 되나요?
- 여러 해상도를 담은 favicon.ico(16, 32, 48px), 16, 32, 48, 180(apple-touch-icon), 192, 512px PNG 아이콘, site.webmanifest, 그리고 <head>에 붙여 넣을 HTML 스니펫입니다.
- PNG나 SVG를 ICO로 변환할 수 있나요?
- 네. PNG, JPG, SVG, WebP를 넣고 진짜 favicon.ico를 내려받으세요. SVG 로고는 먼저 고해상도로 로컬에서 래스터화됩니다.
- 어떤 이미지가 가장 좋나요?
- 단순하고 대비가 뚜렷한 로고가 담긴 정사각형 이미지입니다. 정사각형이 아닌 이미지는 중앙을 기준으로 잘리며, 안쪽 여백과 모양 조절로 원하는 구도를 잡을 수 있습니다.
- 파비콘은 어떻게 설치하나요?
- 패키지를 사이트의 루트 폴더에 압축 해제하고, 제공된 HTML 스니펫을 페이지의 <head>에 붙여 넣으세요. favicon.ico는 대부분의 브라우저가 자동으로 인식합니다.