SVG (Scalable Vector Graphics)

.svg · image/svg+xml · 2001 · W3C

벡터 그래픽 — 무한 확대·축소. 픽셀이 필요한 앱에는 PNG/JPEG로 래스터화. 아래에서 SVG이(가) 가장 잘하는 일, 부족한 점, 비교 포인트를 확인하세요 — 업로드 없이 브라우저 내 무료 도구로 SVG을(를) 다른 포맷과 상호 변환할 수도 있습니다.

SVG는 픽셀 포맷이 아닙니다. 도형, 경로, 텍스트를 XML로 기술해 어떤 크기에도 품질 손실 없이 확대됩니다. 웹의 로고와 아이콘은 SVG로 두는 것이 좋습니다. 하지만 많은 도구 — 오피스 스위트, 이커머스 플랫폼, 이미지 편집기 — 는 픽셀을 원합니다. EditItAll은 브라우저에서 SVG를 고유 크기의 1× 또는 2×(또는 지정 치수)로 래스터화하고 선명한 PNG, JPEG, WebP를 내보냅니다.

압축

무손실

투명도

애니메이션

브라우저 표시

모든 브라우저

강점과 한계

장점

  • 무한 스케일, 단순한 아트는 매우 작음
  • 텍스트로 편집 가능, CSS로 스타일 가능
  • 로고와 아이콘에 완벽

한계

  • 래스터 이미지가 필요한 곳에서는 받아들여지지 않음
  • 복잡한 아트는 비트맵보다 렌더가 느릴 수 있음
  • 래스터→벡터는 추적이 필요하며 변환이 아님

가장 적합한 용도

SVG용 도구

Frequently asked questions

SVG은(는) 손실인가요, 무손실인가요?+

SVG은(는) 무손실입니다. 모든 픽셀을 정확히 보존하며 품질 손실이 없습니다.

SVG은(는) 투명도를 지원하나요?+

예 — SVG에는 알파 채널이 있어 투명 영역을 저장할 수 있습니다. 애니메이션도 지원합니다.

브라우저에서 SVG 파일을 바로 열 수 있나요?+

예 — 모든 주요 브라우저가 SVG을(를) 네이티브로 표시합니다.

SVG 파일을 무료로 열거나 변환하려면?+

SVG 파일을 EditItAll 변환기에 놓고 출력 포맷을 고르세요 — 디코딩과 재인코딩이 전부 브라우저에서 이뤄지며, 업로드·계정·워터마크가 없습니다. (브라우저 내 SVG 인코더가 없어 SVG을(를) 다른 포맷으로 변환할 수는 있지만 SVG(으)로 다시 저장할 수는 없습니다.)