SVG 파일 여는 방법: 컴퓨터, 휴대전화, 브라우저

1. 컴퓨터에서 SVG를 여는 네 가지 방법

• 브라우저(가장 간단): SVG 파일을 Chrome, Edge, Firefox, Safari 창으로 끌어다 놓으면 표시됩니다. 파일을 오른쪽 클릭해 “연결 프로그램”을 선택하고 브라우저를 고를 수도 있습니다;
• 기본 앱 설정: SVG를 자주 다룬다면 .svg 파일을 브라우저나 디자인 앱에 연결해 두면 더블클릭으로 바로 열립니다;
• 디자인 소프트웨어: Illustrator, Figma, 무료 Inkscape는 모두 SVG를 열고 편집할 수 있어 더 깊은 작업에 적합합니다;
• 코드 편집기: SVG는 사실상 XML 텍스트이므로 VS Code로 열면 소스를 확인하고 수정할 수 있어 문제 해결이 훨씬 쉬워집니다.

기본 앱 설정 방법: Windows에서는 SVG 파일을 오른쪽 클릭하고 “연결 프로그램 → 다른 앱 선택”을 고른 뒤 “항상 이 앱을 사용”을 체크합니다. macOS에서는 오른쪽 클릭 후 “정보 가져오기”를 열고 “연결 프로그램”에서 브라우저를 고른 뒤 “모두 변경”을 누르면 이후 더블클릭으로 미리 볼 수 있습니다.

2. 휴대전화에서 SVG를 여는 방법

Android: 일부 파일 관리자는 SVG를 바로 미리 보지 못합니다. 파일을 길게 누르고 “연결 프로그램”을 골라 브라우저를 선택하세요. iPhone: SVG를 파일 앱에 저장하면 최신 시스템에서는 바로 미리 볼 수 있고, 안 보이면 공유 메뉴에서 Safari로 여세요. 메신저로 받은 SVG는 일반 파일로 도착하므로 “연결 프로그램”에서 브라우저를 고르면 제대로 표시됩니다.

전체적으로 모바일 브라우저가 가장 믿을 만한 SVG 뷰어입니다. 따로 설치할 앱이 없습니다. 태블릿도 마찬가지로 내장 브라우저에서 파일만 열면 되고 전용 뷰어는 필요 없습니다.

3. 더블클릭했는데 코드나 빈 창이 나오면?

코드 덩어리가 나오는 경우: 파일이 메모장 같은 텍스트 편집기에 연결되어 있습니다. SVG가 텍스트 형식이라 정상이며 브라우저로 열면 그림이 보입니다. 빈 창이 나오는 경우: 먼저 파일이 온전한지 확인하세요. 코드 편집기에서 열어 보면 정상적인 SVG는 <svg> 태그나 <?xml 선언으로 시작합니다. <html>이 보인다면 다운로드 중에 오류 페이지를 .svg로 저장했을 가능성이 있으니 다시 내려받으세요. 외부 이미지나 글꼴을 참조하는 파일은 리소스가 누락되면 그림이 완성되지 않습니다.

한 가지 더 주의할 점은 SVG가 스크립트를 담을 수 있는 텍스트 형식이라는 것입니다. 출처를 모르는 파일은 브라우저에서 바로 열지 마세요. 먼저 코드 편집기에서 확인하고 svg 태그로 시작하며 의심스러운 스크립트가 없는지 본 뒤 미리 보세요.

4. 연 후 뭔가 바꾸고 싶다면? 온라인 편집기를 쓰세요

로고의 색을 바꾸거나 배경을 제거하거나 요소를 몇 개 지우는 데 무거운 앱은 필요 없습니다. PolySVG 온라인 SVG 편집기(직접 링크: /editor)를 열어 파일을 올리면 경로를 클릭해 지우고, 한 번의 클릭으로 배경을 제거하고, 색을 바꾸고, 브러시로 칠하고, 지우개로 지우고, 언제든 실행 취소와 다시 실행을 한 뒤 SVG나 PNG로 내보낼 수 있습니다. 무료이며 설치도 가입도 필요 없습니다.

5. 그냥 보고 싶다면? PNG로 변환하는 것이 제일 간단합니다

상대방의 기기가 SVG를 열 수 없다면 PNG로 바꾸는 것이 가장 간단합니다. 편집기에서 PNG를 내보내거나 브라우저에서 스크린샷을 찍으면 됩니다. SVG 형식 자체를 이해하려면 SVG란 무엇인가를 읽어보세요. 비트맵을 SVG로 바꾸고 싶다면 이미지 → SVG 도구가 몇 단계로 처리해 줍니다.

개발자라면 SVG를 HTML에 직접 삽입하거나 img 태그로 참조해 브라우저에서 즉시 렌더링할 수도 있습니다. 웹에서 SVG를 보는 가장 흔한 방식입니다.