SVG는 확대해도 깨지지 않는 XML 기반 벡터 형식입니다. SVG는 최신 브라우저에서는 열리지만 프로그램이나 서비스에 따라 지원이 고르지 않습니다.
ICO는 파비콘과 윈도우 아이콘을 위한 컨테이너 형식입니다. SVG를 ICO로 바꾸면 아이콘·파비콘으로 쓸 수 있게 되며 아래 비교에서 달라지는 점을 확인하세요.
이 변환기는 파일 내용을 읽어 SVG가 맞는지 확인한 뒤 브라우저 안에서 바로 ICO로 바꿔 줍니다. 이미지는 서버로 전송되지 않습니다.
SVG와 ICO, 무엇이 다른가요?
| 항목 | SVG | ICO |
|---|---|---|
| 압축 방식 | 벡터(수식으로 저장) | 무손실 압축 |
| 투명 배경 | 지원 | 지원 |
| 애니메이션 | 지원 | 미지원 |
| 등장 시기 | 2001년 | 1985년 |
| 프로그램·업로드 폼 지원 | 보통 | 보통 |
| 브라우저 직접 표시 | 지원 | 지원 |
| 사진 용량(JPG=1) | 해당 없음 | 해당 없음 |
SVG란?
SVG는 픽셀이 아니라 선과 도형, 곡선의 수식을 텍스트(XML)로 저장하는 벡터 형식입니다. 아무리 확대해도 선명하고, 단순한 로고는 수 KB로도 충분합니다.
ICO란?
ICO는 윈도우 아이콘과 웹사이트 파비콘에 쓰이는 형식입니다. 하나의 파일 안에 16×16, 32×32, 256×256 등 여러 크기를 담을 수 있는 컨테이너라는 점이 특징입니다.
SVG에서 ICO로 바꾸면 달라지는 점
벡터가 지정한 크기의 픽셀 이미지로 고정됩니다
SVG를 ICO로 바꾸면 그 순간 해상도가 정해집니다. 옵션의 가로 px을 먼저 지정해 필요한 크기로 선명하게 그린 뒤 저장하세요. 나중에 키우면 흐려집니다.
움직이는 이미지는 첫 장면만 저장됩니다
ICO는 애니메이션을 담지 못합니다. SVG 파일이 움직이는 이미지라면 첫 프레임 한 장만 변환됩니다.
256×256 안에서 정사각형으로 맞춰집니다
ICO는 최대 256×256까지입니다. 이보다 크면 비율을 유지해 줄이고, 정사각형이 아니면 가운데에 놓은 뒤 남는 곳은 투명하게 둡니다.
ICO는 품질 설정이 없습니다
ICO는 무손실 압축 방식이라 품질 슬라이더가 적용되지 않습니다. 대신 SVG에서 바꿀 때 크기(가로·세로 px, 비율)를 조절해 용량을 관리할 수 있습니다.
용량은 이렇게 달라집니다
SVG는 해상도가 없는 벡터라 용량이 도형의 복잡도에 달려 있습니다. 단순한 로고는 SVG가 ICO보다 훨씬 작지만, 래스터로 바꾸면 지정한 크기(가로×세로)만큼의 픽셀 정보가 필요합니다.
이럴 때 변환하세요
- 웹사이트 파비콘이나 윈도우 바로가기 아이콘을 만들 때
- ICO의 대표적인 용도(웹사이트 파비콘, 윈도우 프로그램 아이콘)로 쓸 이미지를 준비할 때
- SVG 파일을 다시 편집하거나 보관하기 쉬운 형식으로 정리할 때
SVG → ICO 실전 팁
SVG 로고에서 곧바로 파비콘을 만들 수 있습니다. 크기를 따로 지정하지 않으면 256×256 안에 비율을 유지해 맞춰 저장됩니다.