IE81 [Image] SVG와 PNG의 차이 웹 개발을 하다보면 이미지를 많이 쓰게 된다. 어떤 한 프로젝트에서 SVG와 PNG를 같이 쓰는 걸 보고 차이가 궁금해서 찾아보았다. SVG (Scalable Vector Graphics) : 2차원 벡터 그래픽을 표현하기 위한 XML기반의 파일 형식이다. Vector로 되어있다. PNG(Portable Network Graphics) : 비손실 그래픽 파일 포맷의 하나로 GIF의 문제점을 해결하기 위해 고안된 파일 형식이다. Bitmap으로 되어있다. 이 둘의 가장 큰 차이점은 확대할 때 SVG는 그대로 확대되지만 PNG는 aliasing 현상이 일어난다. 즉, 이미지가 깨진다. 위와 같이 이미지의 확대에서 차이가 있다. 또한 SVG가 PNG보다 용량도 적으며 출력도 빠르다. 그런데 왜 PNG를 쓰고있.. Web 2021. 6. 22. 이전 1 다음