.protobuf
Data
SVG (Scalable Vector Graphics)
SVG는 XML 기반의 벡터 이미지 형식으로, 어떤 크기에서도 선명하게 표시됩니다. 로고, 아이콘, 차트, 인포그래픽, 인터랙티브 그래픽에 이상적이며, CSS와 JavaScript로 스타일링하고 애니메이션을 적용할 수 있습니다.
MIME 타입
application/x-protobuf
유형
바이너리
압축
무손실
장점
- + 10-100x smaller and faster than JSON/XML
- + Schema-driven with generated type-safe code
- + Backward-compatible schema evolution via field numbers
- + Standard wire format for gRPC
단점
- − Not human-readable — binary format requires tooling
- − Requires .proto schema definition and code generation step
- − Not suitable for human-edited configuration files
.PROTOBUF 사용 시점
SVG는 로고, 아이콘, 차트, 인포그래픽 등 모든 크기에서 선명해야 하는 그래픽에 사용하세요. 사진에는 적합하지 않습니다.
기술 세부사항
SVG는 경로(d 속성으로 베지어 곡선 정의), 기본 도형(rect, circle, ellipse, line, polygon), 텍스트, 그라디언트, 패턴, 클리핑, 필터 등을 사용합니다. viewBox 속성이 좌표 시스템을 정의하며, CSS 속성과 트랜지션으로 스타일링합니다. SMIL 또는 CSS/JS를 통한 애니메이션이 가능합니다.
역사
W3C는 1999년에 SVG 작업을 시작하여 2001년 SVG 1.0을 발표했습니다. SVG 2는 개발 중이며 CSS 통합과 접근성을 개선합니다. 브라우저 지원은 2011년 IE9부터 완전해졌습니다.