Open In App

Difference between SVG file and PNG file

Improve
Improve
Like Article
Like
Save
Share
Report

SVG: 
SVG stands for Scalable Vector Graphics. SVG files use .svg extension. It is a vector image composed of paths. 

PNG: 
PNG stands for Portable Network Graphics. For PNG images extension used is .png. It uses lossless compression algorithm. It is a raster image composed of pixels. 

Difference between SVG and PNG:

SVG PNG
It stands for Scalable Vector Graphics. It stands for Portable Network Graphics.
It is a vector image. It is a raster image.
It’s quality doesn’t decrease on zooming. Quality decreases on zooming.
It is made up of paths. It is made up of fixed no of pixels.
SVG files are editable. PNG files are not editable.
Extensions used is .svg. Extension used is .png.
Mostly used for devices with high pixel density. It is mostly used in image creation.
SVG files do support animation but not as readily as other file types like the AI Adobe Illustrator PNG files don’t support animation — unlike a similar raster-based image file, the GIF.
SVGs are far smaller in size than PNGs. SVG aren’t likely to slow down your computer or website. PNG file sizes are often large so that they can handle high resolutions.

Last Updated : 22 Feb, 2023
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads