JPG
흔하게 볼 수 있는 보편적이고 일반적인 이미지 파일 형식으로서, 웹사이트나 소셜 미디어에 업로드하기에 가장 적합하기에 웹프라우저에서 가장 많이 볼 수 있는 파일 확장자이다.
이미지 파일을 압축하여 작게 만들어서 빠르게 로딩될 수 있도록 만든 압축된 그래픽 파일이기 때문에, 저화질이나 중간 화질 정도의 사진으로 볼수 있다.
웹사이트에서 일반적인 이미지 공유로 매우 적합한 파일 형식이나 동일한 JPG 파일을 반복 저장하게 되면, 저장할 때마다 이미지의 품질이 낮아지는 단점이 있다.
PNG
배경이 투명하기 때문에 좀 더 복잡한 이미지를 작업하기 좋은 파일 형식이다.
정교한 작업이 필요한 웹 그래픽, 예를 들면 브랜드의 로고나 일러스트레이션,프린트물을 작업하기에 좋다.
웹 사이트의 컬러 배경 위에 오버레이하려는 그래픽이나 로고가 있는 경우 PNG로 저장해야 한다.
JPG와 달리 이미지 저하없이 PNG파일을 반복해서 다시 저장할 수 있고 PNG파일은 본질적으로 무손실이므로, 똑같은 PNG파일을 반복 저장하면 파일이 점덤 더 커지는 경향이 있다.
JPG랑 비교했을때, 웹 사이트에 PNG파일로 업로드하면 웹 사이트 로딩 속도가 느려진다.
SVG
SVG파일은 GIF,JPG,PNG와 같은 픽셀 기반의 이미지 파일과 다른 MXL기반의 이미지 형식이다.
SVG파일은 로고, 아이콘 및 간단한 그래픽에 사용되는 확장자이고 모양, 색상, 크기를 정의하는 일종의 수학 방정식 같은 코드로서, 디자이너가 그래픽 편집 응용 프로그램에서 이미지를 렌더링할 필요없이 텍스트 편집기에서 이미지 요소를 정의할수가 있다.
특수한 프로그램을 사용하여 코드로 프로그래밍 할 수 있기 때문에, 반응형 웹 사이트 작업에 적합하다.
SVG파일은 백터기반이므로, 확대해도 깨지는 것 없이 품질이 그대로 유지되며 PNG파일보다 더 선명하게 보이고 파일 사이즈가 작기 때문에, 웹 사이트 속도가 느려지는 단점이 없다.
