Difference between SVG file and PNG file

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.

My Personal Notes arrow_drop_up

Save