Skip to main content

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에서 문제 가능성 등 정확한 가능성 파악후 사용 필요.