SVG 파일이란?

SVG — 벡터 이미지

어떤 형식인가요?

SVG는 픽셀을 저장하는 대신 명령어를 담습니다. "여기에 원을 그려라, 저기에 선을 그어라, 이 도형을 이 색으로 채워라" 같은 식이죠. 즉 수학적으로 기술된 이미지입니다.

이 방식의 효과는 놀랍습니다. SVG는 아무리 확대해도 절대 흐려지지 않습니다. 3KB짜리 파일 하나로 16픽셀짜리 아이콘에서도, 4미터짜리 포스터에서도 완벽하게 선명한 로고를 표현할 수 있습니다.

W3C는 웹용 벡터 그래픽을 두고 경쟁하던 여러 제안 사이에서 결론을 내려 2001년 SVG를 발표했습니다.

오랫동안 외면받았지만, 고밀도 화면이 널리 퍼지면서 상황이 바뀌었습니다. 깨진 픽셀 로고를 더는 참을 수 없게 만든 것이 바로 이런 화면들이었고, 그 결과 벡터 방식이 필수가 되었습니다.

크기에 상관없이 완벽하게 선명하고, 단순한 도형이라면 용량도 아주 작으며, 텍스트는 실제로 선택 가능하고 검색 엔진에도 색인됩니다.

본질적으로 텍스트 파일이기 때문에 편집기에서 열어 직접 수정하고, 비교하고, 버전 관리를 할 수 있습니다. CSS로 스타일을 입히거나 애니메이션을 넣는 것도 가능합니다.

사진에는 전혀 맞지 않습니다. 얼굴을 수학적으로 기술하려 하면 파일이 거대해지고 결과물도 형편없어집니다.

매우 복잡한 그림은 화면 표시 속도를 늦출 수 있습니다. 또한 SVG는 코드를 포함할 수 있기 때문에, 출처를 알 수 없는 파일은 함부로 열지 않도록 주의해야 합니다.

로고, 아이콘, 픽토그램, 그래프에는 반드시 SVG를 요구해야 합니다. 디자이너에게 항상 이 형식을 요청하세요.

SVG를 PNG로 변환하는 것은 간단하고 안정적입니다. 반대로 픽셀 이미지를 벡터화하는 것은 늘 근사치에 그칩니다. 선명하고 색이 단순한 로고라면 그럭저럭 괜찮지만, 사진이라면 실망스러운 결과가 나옵니다.

프랑스에 있는 안전한 서버에서 SVG 파일을 몇 초 만에 변환하세요.