오픈위키
문서 편집

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.055 seconds in processing this page on this powerful server.