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/ -->
변환기
- 잉크스케이프(Inkscape)를 사용하는 것이 제일 품질도 좋고, 무료이고, 편하다.
- http://picsvg.com/ 품질 중간. 미리보기 가능. 쓸만하다. 여러 옵션이 있어 좋음.
- http://vectormagic.com/home 품질 최상. 미리보기 가능. 매우 훌륭하다. 다색도 됨. 유료 ($8/mo).
- https://convertio.co/jpg-svg/ 품질 중간. 미리보기 불가. 대신 여러 파일 한꺼번에 가능.
도쿠위키
보안위험
악의적으로 좆나게 복잡하고 많은 일을 시키는 svg를 만들어 올릴 수 있기 때문에, 아무에게나 svg파일 업로드 권한을 주는 것은 위험할 수 있다. (출처)
그냥 표시만 할 수 있게 해도 위험할 수 있겠는데?