Open In App

Difference between SVG and JPEG

Improve
Improve
Improve
Like Article
Like
Save Article
Save
Share
Report issue
Report

SVG:
SVG stands for Scalable Vector Graphics. SVG files use .svg extension. It is a vector image composed of paths. SVG files are editable and mostly used for the devices with high pixel density.

Example :
Code:




<svg height="100" width="100">
  
  <circle cx="50" cy="50" r="40" stroke="white" stroke-width="3" fill="#0f9d58" />  
  
</svg>


Output:



    

 

JPEG:
JPEG stands for Joint Photographic Experts Group. For JPEG images extension used are .jpg and .jpeg. It uses lossy compression algorithm. It is a raster image composed of pixels. JPEG image quality decreases on zooming the image.
Example :

Difference between SVG and JPEG:

S.NO SVG JPEG
1. It stands for Scalable Vector Graphics. It stands for Joint Photographic Experts Group.
2. It is a vector image. It is a raster image.
3. It’s quality doesn’t decrease on zooming. Image quality decreases on zooming.
4. It is made up of paths. It is made up of fixed no of pixels.
5. SVG files are editable. JPEG files are not editable.
6. Extensions used is .svg. Extension used are .jpg and .jpeg.
7. Mostly used for devices with high pixel density. It is mostly used in photography.

Last Updated : 11 Oct, 2019
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads