SVG(Scalable Vector Graphics) - 기술

문서의 이전 판을 선택했습니다! 저장하면 이 자료로 새 판을 만듭니다.

{{tag>svg 도쿠위키}}
======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

=====변환기=====
    * http://picsvg.com/ 품질 중간. 미리보기 가능. 쓸만하다. 여러 옵션이 있어 좋음.
    * http://vectormagic.com/home 품질 최상. 미리보기 가능. 매우 훌륭하다. 다색도 됨. **유료** ($8/mo).
    * https://convertio.co/jpg-svg/ 품질 중간. 미리보기 불가. 대신 여러 파일 한꺼번에 가능.

=====도쿠위키=====

''conf/mime.local.conf''에 
  svg   image/svg+xml
를 추가하면 [[도쿠위키]]에서도 표시할 수 있다.

=====보안위험=====

악의적으로 좆나게 복잡하고 많은 일을 시키는 svg를 만들어 올릴 수 있기 때문에, 아무에게나 svg파일 업로드 권한을 주는 것은 위험할 수 있다. ([[http://security.stackexchange.com/questions/11384/exploits-or-other-security-risks-with-svg-upload|출처]])

{{http://hydra-media.cursecdn.com/fallout.gamepedia.com/a/a0/MadeMan.svg?48x48}}

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

2+1? 이 필드는 비어 있도록 유지하세요:

편집 요약

참고: 이 문서를 편집하면 내용은 다음 라이선스에 따라 배포하는 데 동의하는 것으로 간주합니다: CC Attribution-Noncommercial-Share Alike 4.0 International

연결문서