역사 수업: .svg 파일이란? 브라우저에서 열리는 이유

.svg 파일이란?

.svg 파일은 Scalable Vector Graphics 이미지입니다. JPG, PNG, BMP처럼 익숙한 이미지 형식 대부분은 래스터 이미지, 즉 색이 있는 점(픽셀)으로 이루어진 고정된 격자입니다. 충분히 확대하면 가장자리가 계단처럼 보입니다. SVG는 벡터 형식입니다. "여기로 이동하고, 저기까지 곡선을 그리고, 이 도형을 청록색으로 채워라" 같은 명령을 저장하고, 소프트웨어가 화면이나 프린터에 필요한 크기로 매번 도형을 다시 그립니다. W3C 사양 자체도 SVG를 2차원 벡터 그래픽과 벡터·래스터 혼합 그래픽을 XML로 기술하는 언어라고 설명합니다.

XML(Extensible Markup Language)은 태그로 이루어진 일반 텍스트 형식으로, 웹 페이지의 HTML과 매우 비슷합니다. 그러니 .svg 파일은 본질적으로 메모장에서 열 수 있는 텍스트입니다. 바깥쪽에 svg 태그가 있고, 그 안에 path, circle, rect 같은 도형이 좌표와 색을 속성으로 담고 있습니다. ".svg 파일이란"을 검색하는 사람은 대개 디자이너가 보낸 로고, 아이콘 팩, 어떤 도구에서 내보낸 다이어그램 같은 파일을 막 받았고, 그것이 사진처럼 동작하지 않는다는 것을 알아챈 경우입니다.

왜 .svg가 내 브라우저에서 열릴까?

대부분의 PC에서 SVG를 가장 잘 그릴 수 있는 프로그램이 웹 브라우저이기 때문입니다. 지금은 모든 주요 브라우저가 기본으로 표시하므로, 더블클릭하면 Windows가 .svg 파일을 Edge, Chrome, Firefox에 넘기는 경우가 많습니다. 픽셀 기반 도구는 래스터 이미지용이고, Windows 파일 탐색기도 오랫동안 도움이 필요했습니다. Microsoft의 무료 PowerToys 추가 기능이 존재하는 이유 중 하나가 파일 탐색기에 SVG 미리 보기와 축소판을 제공하는 것입니다.

최신 Office는 더 친절합니다. Microsoft에 따르면 Microsoft 365와 Office 2019, 2021, 2024의 Word, PowerPoint, Excel, Outlook은 SVG 이미지를 삽입하고 편집할 수 있으며, Microsoft 365 앱에 내장된 아이콘 라이브러리는 SVG 이미지로 이루어져 있습니다. 그래도 오래된 Office, 많은 웹사이트, 그 밖의 수많은 프로그램은 여전히 PNG나 JPG를 기대합니다.

1998년: 웹에서 그림을 그리기 위한 여섯 가지 제안

초기 웹에도 이미지는 있었지만 픽셀뿐이었습니다. W3C의 자체 역사 페이지 "The Secret Origin of SVG"에 따르면 W3C의 Chris Lilley가 1996년 웹 벡터 그래픽의 일반 요구 사항을 작성했습니다. 1998년까지 경쟁 제안 6개가 들어왔습니다. 그중 둘은 업계 거물들에게서 나왔습니다. Adobe, IBM, Netscape, Sun의 PGML(Precision Graphics Markup Language)은 1998년 4월 10일 W3C Note로 공개되었고, Autodesk, Hewlett-Packard, Macromedia, Microsoft의 VML(Vector Markup Language)은 1998년 5월 13일 공개되었습니다. 나머지는 Web Schematics, Hyper Graphics Markup Language, WebCGM, DrawML이었습니다.

새로 꾸려진 SVG 작업 그룹은 그중 어느 것도 기반으로 삼지 않기로 했습니다. 대신 제안들에서 "정보를 얻었지만 실제로 그것에 기반하지는 않은" 새로운 언어를 설계했습니다. Microsoft Office 그룹에서 시작되어 Internet Explorer에 탑재된 VML은 SVG의 간결한 경로 문법에 영향을 주었습니다. 그룹은 짧은 경로 코드가 압축 후에도 파일을 눈에 띄게 작게 만든다는 것을 확인했습니다. Adobe PostScript와 PDF의 이미징 모델을 바탕으로 한 PGML은 주로 SVG의 좌표계와 변환, 그리고 색 처리 방식을 만들었습니다.

SVG 1.0, SVG 1.1, 그리고 휴대전화

SVG 1.0은 2001년 9월 4일 W3C 권고안(완성된 표준을 뜻하는 W3C 용어)이 되었습니다. 편집자는 Adobe의 Jon Ferraiolo였고, 저자 명단에는 Microsoft, Sun, Netscape, Kodak, Corel, Canon, Opera 등 다양한 기업의 이름이 올랐습니다. SVG 1.1은 2003년 1월 14일 뒤를 이었고 언어를 재사용 가능한 모듈로 나누었습니다.

같은 날 W3C는 모바일 SVG 프로필을 발표했습니다. 휴대전화용 SVG Tiny와 PDA(개인 휴대 정보 단말기)용 SVG Basic으로, 둘 다 SVG 1.1의 진부분집합입니다. W3C 보도 자료는 모바일 표준화 기구 3GPP가 이미 3세대 휴대전화에 모바일 SVG를 도입하고 있다고 밝혔습니다. 이후 SVG Tiny 1.2가 2008년 12월 22일 권고안이 되었습니다.

플러그인 시대: Adobe SVG Viewer와 Internet Explorer

표준에는 그것을 그려 줄 무언가가 필요합니다. 2000년대 초 가장 흔한 방법은 무료 브라우저 플러그인 Adobe SVG Viewer였습니다. W3C는 Adobe의 공로로 "인기 있는 SVG 뷰어"와 Illustrator 같은 제품의 SVG 지원을 꼽습니다. 당시 지배적인 브라우저였던 Internet Explorer는 스스로 SVG를 그리지 못했고 Internet Explorer 8 이하에는 기본 지원이 없었기 때문에, 많은 사람이 이 플러그인을 통해서만 SVG를 보았습니다.

2005년 12월 Adobe는 웹에 벡터 애니메이션을 올리는 또 다른 방법인 Flash를 만든 Macromedia 인수를 마무리했습니다. 이후 Adobe는 2009년 1월 1일 Adobe SVG Viewer 지원을 종료하면서, SVG와 그 보급이 충분히 성숙해 Adobe가 더 이상 뷰어를 제공할 필요가 없다고 설명했습니다. SVG 커뮤니티 일부는 이 결정을 Adobe가 Flash를 소유하게 된 것과 연결 지었지만, Adobe의 공지는 그렇게 말하지 않았습니다.

브라우저들은 이미 그 빈자리를 채우고 있었습니다. Opera, Firefox, 그리고 WebKit 기반의 Safari와 Chrome은 2000년대에 걸쳐 SVG를 기본 지원하게 되었습니다. 2010년 3월 16일 Microsoft는 MIX10 콘퍼런스에서 Internet Explorer 9이 SVG를 지원한다고 발표했고, IE9은 2011년 3월 14일 출시되었습니다. W3C 역사 페이지는 그 아이러니를 짚습니다. Internet Explorer의 지원으로 SVG의 뿌리 중 하나인 VML로 한 바퀴 돌아온 셈이라는 것입니다.

Inkscape, Illustrator, 그리고 디스크 속 파일들

그리기 프로그램들이 SVG를 일상적인 내보내기 형식으로 만들었습니다. 2003년 11월 5일 개발자 네 명이 그리기 프로그램 Sodipodi의 포크인 Inkscape를 발표하며, SVG를 완전히 준수하는 2D 그래픽 편집기를 목표로 내걸었습니다. Inkscape는 SVG를 기본 저장 형식으로 씁니다. Adobe Illustrator 같은 상용 일러스트 소프트웨어도 SVG를 저장하며, 많은 다이어그램·차트·디자인 도구도 마찬가지입니다.

그래서 2026년의 평범한 PC에도 .svg 파일이 쌓입니다. 디자이너가 보낸 회사 로고, 웹사이트나 프레젠테이션용으로 내려받은 아이콘 세트, 다른 도구에서 내보낸 다이어그램과 차트, 사이트에서 저장한 웹 자산 등입니다. 상당수는 몇 년 된 것으로, 끝난 프로젝트의 레거시 파일이 이제 픽셀만 받는 문서나 이메일, 업로드 양식에 들어가야 하는 경우가 많습니다. SVG 이전 Windows 시대의 벡터 형식에 대해서는 역사 수업: .wmf 파일이란?을 참고하세요.

.svgz: 같은 그림을 gzip으로 압축한 것

SVG는 반복되는 태그가 가득한 텍스트라서 널리 쓰이는 무손실 압축 방식(아무것도 버려지지 않음)인 gzip으로 크게 줄어듭니다. 압축된 SVG에는 .svgz 확장자가 붙습니다. SVG 1.1 사양은 준수 뷰어가 gzip과 deflate로 압축된 콘텐츠를 처리하도록 요구하고, svgz 확장자로 저장된 파일을 압축된 것으로 표시하도록 웹 서버에 요청합니다. 그래야 브라우저가 올바르게 압축을 풀 수 있기 때문입니다.

브라우저 밖에서는 .svgz가 일반 .svg보다 더 많은 프로그램을 헷갈리게 합니다. 먼저 압축을 풀지 않는 프로그램에는 압축된 바이트만 보입니다. 그림은 그대로 들어 있고, 그리기 전에 압축을 풀 줄 아는 리더가 필요할 뿐입니다.

SVG 2: 아직 끝나지 않았다

이렇게 널리 퍼졌는데도 완성된 최신 SVG 표준은 여전히 2011년 8월 16일 공개된 정리판 SVG 1.1 Second Edition입니다. SVG 2는 2016년 9월 15일 처음으로 후보 권고안(Candidate Recommendation) 단계에 올랐습니다. W3C의 최신 SVG 2 후보 권고안 스냅샷은 2026년 10월 6일 자이며, 정식 권고안이 되는 것은 빨라도 2026년 12월 1일 이후라고 밝히고 있습니다.

PNG나 JPG가 필요할 때

SVG를 일반 이미지로 바꾸는 것을 래스터화라고 합니다. 소프트웨어가 선택한 크기로 도형을 한 번 그리고 그 픽셀을 저장합니다. 한번 픽셀이 되면 깔끔하게 확대되지 않으니 넉넉한 크기를 고르세요. 로고나 아이콘에 투명한 배경이 필요하면 PNG, 단색 배경 위의 평면 이미지라면 JPG를 쓰세요. 확장자를 .svg에서 .png로 바꿔도 아무 일도 일어나지 않습니다. 파일은 여전히 XML 텍스트입니다. 변환할 형식에 대해서는 역사 수업: .png 파일이란?을 참고하세요.

Legacy File Converter는 사용자의 Windows PC에서 .svg와 .svgz 파일을 열어 PNG 또는 JPG 이미지로 저장합니다. 아무것도 업로드되지 않으므로 로고가 고객의 것이어도 안심할 수 있습니다. SVG 편집기가 아니며 벡터 형식으로 출력하지 않습니다. 어떤 앱이나 업로드 양식에서도 받아 주는 이미지를 만들어 줄 뿐입니다. 관련 이미지 수업은 PNG, WMF와 EMF, WebP를 참고하세요.