티스토리 뷰
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 |