문서 편집

SVG(Scalable Vector Graphics)

SVG(Scalable Vector Graphics)는 2차원 벡터 그래픽을 표현하기 위한 XML기반의 파일 형식으로, 1999년 W3C(World Wide Web Consortium)의 주도하에 개발된 오픈 표준의 벡터 그래픽 파일 형식이다. SVG 형식의 이미지와 그 작동은 XML 텍스트 파일들로 정의 되어 검색화·목록화·스크립트화가 가능하며 필요하다면 압축도 가능하다.

.svg 포맷은 벡터 그래픽 포맷이기 때문에 확대/축소를 아무리 해도 깨지지 않는다. 다시 말해 .svg로 올라가 있는 그림은 A4로 그냥 인쇄해도 깔끔하게 인쇄돼 나온다. 또한 요즘 대세인 고해상도 모바일 기기 (레티나 디스플레이 아이폰)에서 더욱 깔끔한 모양을 나타내 줄 수 있다.

.svg 포멧은 W3C의 표준 벡터 그래픽 포맷이기 때문에 어도비 일러스트레이터의 .ai 포맷과 다르게 HTML5를 제대로 지원하는 브라우저라면 파일 변환 없이 바로 읽어 들일 수 있다. 현재 마이크로소프트의 인터넷 익스플로러 8과 그 이전 버전을 제외한 대부분의 주요 웹 브라우저들은 SVG를 지원한다.

대표적인 편집기로 잉크스케이프(Inkscape)가 있다.

지원 브라우져

  • chrome 4.0
  • ie 9.0
  • firefox 3.0
  • safari 3.2
  • opera 10.1

구형브라우져 처리

<img src="image.svg" onerror="this.onerror=null; this.src='image.png'">
<!-- https://css-tricks.com/using-svg/ -->

변환기

도쿠위키

conf/mime.local.conf

svg   image/svg+xml

를 추가하면 도쿠위키 (Dokuwiki)에서도 표시할 수 있다.

보안위험

악의적으로 좆나게 복잡하고 많은 일을 시키는 svg를 만들어 올릴 수 있기 때문에, 아무에게나 svg파일 업로드 권한을 주는 것은 위험할 수 있다. (출처)

그냥 표시만 할 수 있게 해도 위험할 수 있겠는데?

연결문서

CC Attribution-Noncommercial-Share Alike 4.0 International 별도로 명시하지 않을 경우, 이 위키의 내용은 다음 라이선스에 따라 사용할 수 있습니다: CC Attribution-Noncommercial-Share Alike 4.0 International
2.6 KB tech/svg.txt · 마지막으로 수정됨 2017/07/03 20:11 저자 V_L V_L

0.053 seconds in processing this page on this powerful server.