6. 벡터 이미지 포맷 (SVG)

웹에서 많이 사용되는 벡터 이미지 포맷 (SVG)

 

HTML, XML에서 사용할 수 있는 벡터 포맷이다. 웹에서 사용할 수 있다.

코드와 파일로 저장 되며, 코드를 파일로, 파일을 코드로 바꿀 수도 있다.

CSS로 어느정도 Styling이 가능하다.

JS로 이미지를 제어할 수 있다.

 

 

 

---

 

 

 

구글에서 SVG 이미지를 다운 받아 VS Code로 열게 되면 코드가 등장한다.

이 코드를 직접 구현만 하면 실제 이미지를 만들 수도 있다.

하지만 이 코드를 만들기 힘들기에 일러스트와 같은 벡터 이미지 편집 툴을 사용하는 것이다. 그 후 내보내기를 통해 이미지를 받고 코드로 수정을 가능캐 한다.