핵심 요약
- SVG 파일은 'Scalable Vector Graphics(확장 가능한 벡터 그래픽)' 형식의 이미지 파일입니다.
- 크롬, 파이어폭스 같은 웹 브라우저나 포토샵, 일러스트레이터, 김프(GIMP) 같은 이미지 편집 프로그램으로 열 수 있습니다.
- 온라인 변환 도구나 그래픽 편집기를 이용하면 PNG, JPG 등 다른 형식으로 손쉽게 변환할 수 있습니다.
이 글에서는 SVG 파일이 무엇인지, 다른 이미지 형식과 어떻게 다른지, 어떻게 열고, PNG나 JPG처럼 널리 쓰이는 형식으로 변환하는지까지 하나씩 살펴봅니다.
SVG 파일이란?
.svg 확장자를 가진 파일은 대부분 확장 가능한 벡터 그래픽(SVG) 파일입니다. 이 형식은 XML 기반의 텍스트로 이미지가 어떻게 표시되어야 하는지를 기술합니다.
그래픽을 텍스트로 표현하기 때문에 SVG 파일은 화질 손실 없이 다양한 크기로 조절할 수 있습니다. 즉, 해상도에 독립적(resolution-independent)이라는 뜻입니다. 이런 특성 덕분에 웹사이트 그래픽이나 인쇄용 이미지는 SVG 형식으로 제작되는 경우가 많으며, 나중에 디자인이 바뀌더라도 크기를 자유롭게 조정할 수 있습니다.
GZIP 압축이 적용된 SVG 파일은 .svgz 확장자를 갖게 되며, 용량이 약 50~80%까지 줄어들 수 있습니다.
참고로 그래픽과는 관련 없는 .svg 파일도 있습니다. 일부 게임의 저장 파일(Saved Game)이 바로 그 예입니다. Return to Castle Wolfenstein이나 Grand Theft Auto 같은 게임은 진행 상황을 SVG 파일로 저장합니다.
SVG 파일 여는 방법
SVG 파일을 보기만 하려면(편집이 아니라면) 크롬, 파이어폭스, 엣지, 인터넷 익스플로러 같은 최신 웹 브라우저가 가장 빠르고 간편한 방법입니다. 거의 모든 브라우저가 SVG 형식을 지원하기 때문에, 온라인에 있는 SVG 파일도 굳이 내려받지 않고 바로 열어볼 수 있습니다.
이미 컴퓨터에 저장된 SVG 파일이 있다면 웹 브라우저를 오프라인 뷰어로 활용할 수도 있습니다. 브라우저 메뉴에서 열기(Open)를 선택하거나 Ctrl+O 단축키를 누른 뒤 해당 파일을 불러오면 됩니다.
SVG 파일은 어도비 일러스트레이터로 만들 수 있으므로, 당연히 이 프로그램으로도 열 수 있습니다. 그 외에도 어도비 포토샵, 포토샵 엘리먼츠, 인디자인(Adobe CS용 SVG Kit 플러그인 설치 필요), 어도비 애니메이트 등에서도 SVG 파일을 지원합니다.
어도비 외 프로그램 중에는 마이크로소프트 비지오(Microsoft Visio), 코렐드로우(CorelDRAW), 코렐 페인트샵 프로(Corel PaintShop Pro), CADSoftTools ABViewer 등이 SVG 파일을 열 수 있습니다.
무료 프로그램으로는 잉크스케이프(Inkscape), 김프(GIMP), 벡터네이터(Vectornator) 등이 있으며, 별도로 내려받아 설치해야 사용할 수 있습니다.
SVG 파일은 본질적으로 텍스트 파일이기 때문에, 어떤 텍스트 편집기로든 파일 내용을 직접 확인할 수 있습니다. 무료 텍스트 편집기를 사용하거나, 윈도우의 메모장처럼 운영체제에 기본 탑재된 텍스트 편집기를 활용해도 좋습니다.
게임 저장 파일인 경우에는 게임이 실행될 때 자동으로 해당 파일을 불러오므로, 프로그램 메뉴에서 직접 열기가 어려울 수 있습니다. 만약 어떤 식으로든 열었다 해도, 반드시 해당 게임과 맞는 올바른 SVG 파일을 사용해야 합니다.
게임이 SVG 파일을 열어주지 않는다면 GTA2 세이브 게임 에디터(GTA2 Saved Game Editor)를 사용해 보거나, 텍스트 편집기로 파일을 열어 유용한 정보가 있는지 확인해 보세요.
SVG 파일 변환 방법
가장 많이 쓰이는 이미지 형식인 PNG나 JPG로 SVG 파일을 변환하는 가장 쉬운 방법은 온라인 변환 도구를 이용하는 것입니다. 비싼 전용 프로그램을 미리 설치해 두거나 생소한 소프트웨어를 내려받을 필요 없이, 몇 번의 클릭만으로 원하는 형식을 얻을 수 있습니다.
PDF나 GIF처럼 다른 형식이 필요하고 파일 용량이 크지 않다면 Zamzar 같은 서드파티 온라인 변환 도구를 사용하면 됩니다.
Autotracer 역시 온라인 SVG 변환기 중 하나로, 기기에 있는 파일이나 URL을 통해 EPS, 어도비 일러스트레이터 파일(AI), DXF, PDF, SK 등 다양한 형식으로 변환할 수 있습니다.
파일 용량이 큰 경우라면 앞서 'SVG 파일 여는 방법'에서 소개한 프로그램들로도 새로운 형식으로 저장하거나 내보낼 수 있습니다.
예를 들어 잉크스케이프를 사용한다면, SVG 파일을 연 뒤 수정 사항을 그대로 SVG로 저장할 수도 있고, PNG, PDF, DXF, ODG, EPS, TAR, PS, HPGL 등 다양한 형식으로 내보낼 수도 있습니다.
SVG 파일에 대해 더 알아두면 좋은 점
확장 가능한 벡터 그래픽 형식은 1999년에 처음 만들어졌으며, 현재도 월드 와이드 웹 컨소시엄(W3C)이 개발을 이어가고 있습니다.
앞서 언급했듯이 SVG 파일의 모든 내용은 텍스트입니다. 텍스트 편집기로 열면 예제와 같은 텍스트만 보일 텐데, SVG 뷰어는 바로 이 텍스트를 읽고 이미지를 어떻게 표시할지 해석하여 화면에 그려내는 것입니다.
예제 코드를 보면 이미지 크기를 얼마든지 자유롭게 수정해도 선의 품질이나 색상에는 전혀 영향을 주지 않는다는 점을 알 수 있습니다. 렌더링 명령이 텍스트로 되어 있어 SVG 편집기에서 쉽게 변경할 수 있고, 그에 따라 이미지 자체도 자유롭게 다듬을 수 있습니다.
자주 묻는 질문
- SVG, PNG, JPG의 차이점은 무엇인가요? SVG는 이미지를 수학적 값으로 표현하는 벡터 기반 그래픽 형식입니다. JPG는 래스터(비트맵) 이미지 형식이며, PNG는 이진 코드로 이미지 데이터를 압축합니다. 각 요소의 의도된 크기를 누구나 쉽게 파악할 수 있어 그래픽 디자인 분야에서는 SVG가 선호됩니다.
- SVG 파일을 마이크로소프트 워드 문서에 넣으려면 어떻게 해야 하나요? 워드에 그림을 삽입하는 것과 동일한 방법으로 SVG 파일을 추가할 수 있습니다. 삽입된 SVG 이미지를 선택하면 워드 상단의 '서식' 탭에서 편집할 수 있으며, 아웃룩이나 엑셀에서도 같은 방식으로 활용할 수 있습니다.