svg와 png의 차이

SVG는 확장 가능한 벡터 그래픽(Scalable Vector Graphics)의 약자로 모든 스크린에서 화질이 선명하며, 최소 용량이고, 편집과 수정이 쉽다는 장점을 지니고 있습니다.
png는 픽셀 그래픽이므로 해상도에 따라 많이 깨지고, 깨지지 않기 위해 큰 이미지를 사용해야 해서 웹 성능 최적화를 저해합니다.

테스트

실제로 같은 사이즈의 svg와 png를 다운받아서 사이즈를 비교해 보겠습니다.

같은 파일인데 svg가 5배 넘게 더 용량이 작습니다.