티스토리 뷰

html

SVG

J_estrella 2020. 9. 15. 10:53

SVG의 풀네임은 Scalable Vector Graphics로, 백터 기반의 XML기반의 마크업 언어로 만들어진 그래픽입니다. 

 

백터의 의미는 방향과 크기를 가지는 양입니다. 의미 그대로 SVG는 크기와 방향 간 계산을 통해 그리는 그래픽입니다. 

 

마크업 언어로 그리기 때문에 png, JPEG 형식의 이미지와는 다르게 이미지가 깨지지않습니다만, 그림이 복잡할 수록 코드의 양이 길어지기 때문에 용량이 커집니다. 간단한 이미지들은 svg가  유리합니다. 

 

SVGO같은 툴을 사용하면 svg도 압축이 된다고 합니다. 

 

 

 

 

'html' 카테고리의 다른 글

favicon 적용하기  (0) 2020.09.10
<img>태그 사용하는 경우 vs background-image로 처리하는 경우  (0) 2017.09.26
href와 src의 차이?  (0) 2017.05.24
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
«   2025/05   »
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
글 보관함