SVG를 ICO로
SVG를 ICO로 변환: 무료 여러 크기 파비콘 생성기
웹사이트 파비콘과 바탕화면 바로가기를 위한 Windows .ico 파일을 만듭니다. 지정한 최대 크기까지의 표준 파비콘 크기(16~256 px)를 모두 렌더링해 하나의 파일로 묶습니다. 웹 개발자와 아이콘 디자이너를 위한 도구입니다.
새 파일의 기본값을 편집하고 있습니다
ICO의 크기는 16, 32, 48, 64, 128, 256으로 정해져 있습니다. 지정한 최대 크기까지의 크기를 모두 렌더링해 하나의 .ico 파일로 묶습니다.
포함되는 크기: 16, 32, 48, 64, 128, 256 px
미리보기
SVG란?
SVG(Scalable Vector Graphics)는 XML을 기반으로 한 벡터 이미지 형식입니다. 픽셀 대신 도형, 패스, 채우기, 선을 수식으로 기술하기 때문에 어떤 크기로 렌더링해도 품질이 떨어지지 않습니다.
SVG는 웹의 표준 벡터 형식입니다. 최신 브라우저가 모두 기본으로 지원하고, CSS로 스타일을 지정할 수 있으며, JavaScript나 SMIL로 애니메이션도 적용할 수 있습니다. 같은 내용의 래스터 이미지에 비해 파일 크기도 대체로 훨씬 작습니다.
ICO란?
ICO는 파비콘, 애플리케이션 아이콘, 바탕화면 바로가기에 쓰이는 Windows 아이콘 컨테이너 형식입니다. ICO 파일 하나에 여러 래스터 이미지(보통 16×16부터 256×256까지)를 담을 수 있습니다.
SVG와 래스터 형식 비교
벡터 이미지(SVG)와 래스터 이미지(PNG, JPG)는 쓰임새가 다릅니다. 이미지를 어디에 쓸지에 따라 알맞은 형식이 정해집니다.
| 항목 | SVG | PNG / JPG | ICO / ICNS |
|---|---|---|---|
| 확대/축소 | 해상도에 구애받지 않음 | 확대하면 흐려짐 | 고정 크기로 미리 렌더링 |
| 파일 크기 | 도형과 아이콘은 작음 | 해상도에 따라 커짐 | 크기별 이미지의 묶음 |
| 편집 | 텍스트나 벡터 도구로 편집 가능 | 픽셀 단위 편집만 가능 | 크기마다 편집 후 다시 묶음 |
| 애니메이션 | CSS, SMIL, JavaScript | 제한적 (APNG / GIF) | 지원 안 함 |
| 투명도 | 지원 | PNG 지원, JPG 미지원 | 지원 (PNG 기반) |
SVG를 ICO로 변환해야 하는 경우
브라우저와 데스크톱 셸은 ICO 파일을 사용합니다. 이 SVG ICO 변환기는 무료 파비콘 생성기로 쓸 수 있습니다. 파비콘(favicon.ico), Windows 바로가기, .ico 파일이 필요한 자리에서는 SVG를 ICO로 변환하세요. 최대 크기 64의 여러 크기 ICO는 보통 5~25 KB, 최대 크기 256(16, 32, 48, 64, 128, 256을 포함)은 40~120 KB입니다. 이 파일 하나로 Windows와 브라우저가 요구하는 표준 크기를 모두 감당할 수 있습니다.
SVG에서 ICO로: 파일 크기와 품질의 균형
파일 크기
여러 크기 ICO는 16×16부터 최대 크기까지의 표준 크기를 모두 묶습니다. 최대 크기 256에서는 16, 32, 48, 64, 128, 256을 담아 합계 40~120 KB가 됩니다. 최대 크기 64라면 네 가지 크기로 5~25 KB 정도입니다. 각 크기는 내부에 PNG로 저장되므로 그림이 세밀할수록 커집니다.
ICO가 알맞은 경우
ICO는 Windows 파비콘(사이트 최상위의 favicon.ico), Windows 바탕화면 바로가기, 작업 표시줄에 고정한 앱, .ico 파일을 요구하는 자리에 알맞은 출력입니다. 각 크기는 PNG로 저장되며, Windows는 Vista 이후로 이를 읽을 수 있습니다. 브라우저와 macOS는 어떤 크기든 받아들입니다. 거부하는 것은 Vista 이전의 파서뿐입니다.
ICO 대신 SVG 파비콘을 제공해야 하는 경우
최신 브라우저는 <link rel='icon' type='image/svg+xml' href='/favicon.svg'>를 받아들이므로, SVG도 남겨서 ICO와 함께 제공하세요. SVG 파비콘 하나로 작업 표시줄과 탭의 모든 크기를 감당할 수 있고 고DPI 디스플레이에서도 또렷합니다. ICO는 Windows 바탕화면 바로가기와 아주 오래된 브라우저를 위한 것입니다.
품질 절충
ICO의 각 크기는 그 픽셀 크기 그대로 래스터화되므로 16×16 크기는 16×16에서 또렷합니다. 다만 복잡한 SVG를 극단적으로 줄이면 세부가 사라질 수 있습니다. 파비콘이라면 16×16에서도 읽히도록 원본 SVG를 설계하세요(굵은 선, 적은 요소). 투명도는 픽셀 단위로 유지되며, 단색을 고르지 않는 한 배경은 투명한 채로 남습니다.
SVG를 ICO로 온라인에서 변환하는 방법
- 파일을 끌어다 놓거나 '파일 선택'을 눌러 대기열에 추가합니다. 한 번에 최대 40개까지 가능합니다.
- 출력 설정(크기, DPI, 배경, 품질, 트레이싱 세부)을 지정하면 미리보기가 그 자리에서 갱신됩니다.
- '모두 저장'을 누르면 결과를 내려받을 수 있습니다. 대기열에 여러 개가 있으면 하나의 ZIP이 됩니다.
개인정보: 파일은 브라우저를 벗어나지 않습니다
파일이 기기 밖으로 나가는 일은 없습니다. 변환은 JavaScript와 WebAssembly를 이용해 전부 브라우저 안에서 실행됩니다. 업로드도 서버 처리도 없으므로 파일에 관한 정보가 어디로도 전송되지 않습니다.
아무것도 업로드되지 않으므로 대외비 로고, 사내 문서, 공개 전 고객 작업물에도 안심하고 쓸 수 있습니다. 사용하는 동안 기기에 캐시되므로 첫 방문 이후에는 네트워크 연결이 없어도 동작합니다.
자주 묻는 질문
ICO에는 어떤 크기가 들어 있나요?
지정한 최대 크기까지의 표준 ICO 크기를 모두 하나의 파일로 묶습니다. 16, 32, 48, 64, 128, 256입니다. 대부분의 브라우저와 Windows 도구는 상황에 맞는 크기를 자동으로 고릅니다.
파비콘에는 어떤 크기를 골라야 하나요?
브라우저 탭과 북마크에는 32가 무난합니다. 표준 크기를 모두 담고 싶다면 256을 고르세요. Windows는 바로가기, 작업 표시줄 고정, 바탕화면 아이콘에 가장 큰 것을 씁니다.
ICO에서 투명 배경을 쓸 수 있나요?
네. ICO는 픽셀 단위 알파를 지원하며 기본적으로 SVG의 투명도를 유지합니다. 투명한 부분을 채우고 싶을 때만 단색 배경색을 고르세요.