introductions
SVG#
구구절절한 정의는 아래 링크들을 참고하자.
간략히 장.단점을 적어보면 아래와 같다.
장점#
- SVG = Scalable Vector Graphics 확장 가능한 백터 그래픽
- xml 형식으로 그래픽을 정의 한다.
- 텍스트 기반 웹 표준, 별도의 편집기가 없어도 편집 가능
- W3C 권장사양
- 비트맵 이미지와 비교해 이미지 품질 손실없이 렌더링 가능
단점#
- path 등 코드가 복잡해지면서 이미지 크기가 커질 수 있다.
- 로딩 속도가 느릴수 있다.
svg code (w3school)#
SVG Code 의 특성을 이해하고 넘어가자.
- SVG 이미지는
<svg>태그로 시작한다. - 코드의 각 요소들(elements)도 모두 여는 태그 닫는 태그로 구성된다. (xml 기반 이므로...)
- SVG 이미지 코드는 반드시 닫는 태그
</svg>로 닫아주어야 한다. - SVG 파일에서 전역적으로 이전 요소 위헤 이후 요소가 랜더링 된다는 점이다.
- SVG 파일의 권장 확장자는 .svg(소문자),
- 압축을 위해 .svgz(소문자) 확장자도 사용하기도 함. 하지만 MS IIS에서 문제 가능성 등 정확한 가능성 파악후 사용 필요.