브라우저에서 SVG를 JPEG(JPG)로 변환

SVG는 픽셀이 아니라 드로잉 명령어의 집합이기 때문에, 많은 업로드 양식이나 CMS 입력란, 이메일 클라이언트에서 이를 거부합니다. JPEG로 변환하면 어디서나 통용되는 사진 형식을 얻을 수 있습니다. EditItAll의 무료 SVG→JPG 변환 도구를 사용하면 모든 작업이 사용자의 기기에서 바로 처리됩니다. 업로드되는 것은 전혀 없으며, 페이지가 로드된 후에는 오프라인에서도 계속 작동합니다.

1. 변환 도구를 열고 .svg 파일을 끌어다 놓으세요. 여러 개를 한 번에 처리하는 것도 가능합니다.
2. 출력 픽셀 크기를 설정하세요. 이 단계가 선명도를 결정합니다.
3. JPEG 품질 수준을 선택하세요. 값이 높을수록 디테일이 많이 남고, 낮을수록 파일이 작아집니다.
4. 완성된 .jpg를 다운로드하거나, 여러 개를 ZIP으로 한 번에 묶어 받으세요.

벡터를 래스터 형식으로 변환하는 것이 바로 래스터화입니다. 변환 도구는 사용자가 선택한 픽셀 크기로 아트워크를 새로 그립니다. 사진을 압축하는 것과 달리, 보존해야 할 고정된 원본 해상도라는 것이 없습니다. 사용자가 크기를 직접 정하며, 이 크기 선택이야말로 진짜 화질 관리입니다.

• 용도에 맞추세요. 너비 1200px인 블로그 헤더에는 1200px짜리 JPEG가 필요합니다.
• 고해상도(레티나) 화면용인가요? 그렇다면 표시 크기의 2배로 내보내세요.
• 확신이 없다면 더 크게 만드세요. 벡터 소스는 더 크게 그려도 품질 손실이 전혀 없습니다.

두 형식이 이미지를 저장하는 방식이 어떻게 다른지 궁금하신가요? SVG 형식 페이지와 JPG 형식 페이지를 참고하세요.

아트워크에 사진 같은 질감이나 부드러운 그라디언트가 있거나, 파일 용량을 최소화해야 하거나, 양식이 .jpg만 허용하는 경우에는 JPEG가 적합한 형식입니다. 하지만 JPEG는 투명도를 지원하지 않습니다. SVG의 투명한 영역은 모두 단색으로 채워지며, 압축을 강하게 걸면 원래 선명했던 단색 가장자리가 흐릿해질 수 있습니다.

투명한 배경이나 픽셀 단위로 선명한 로고 가장자리가 필요하다면 대신 PNG를 사용하세요. SVG를 PNG로 변환하거나, 품질 손실 없이 SVG를 PNG로 변환하는 가이드를 참고하세요. 웹에서는 SVG를 WebP로 변환하면 같은 시각적 품질에서 JPEG보다 파일이 작아지는 경우가 많습니다.

모든 변환 과정이 사용자의 기기에서 이루어지므로, 반복 작업에 비용이 전혀 들지 않습니다. SVG를 먼저 조금 손봐야 한다면, 예를 들어 도형 색을 바꾸거나 라벨을 수정하거나 레이아웃을 정리해야 한다면, 무료 벡터 편집기에서 수정한 다음 다시 내보내면 됩니다. 브라우저에서 SVG 파일을 편집하는 가이드에서 기본적인 방법을 다루고 있으며, 이미지 도구 역시 모두 같은 원칙을 따릅니다. 파일은 절대 사용자의 기기를 벗어나지 않습니다.