Contrary to SVG, PNG images are made up of pixels instead of vectors.Since PNG was developed as an improved replacement for the GIF format, it is not surprising all major web browsers support PNG. To a large extent, this is because it supports lossless data compression. Portable Network Graphics (PNG) is a raster image format popular for its high image quality, and versatility. Also, SVGs cannot be used for complex images with lots of detail, such as photographs. Different development platforms and libraries may interpret SVG features differently and even have very limited or no SVG support. Its support is not as extensive as that of raster image formats, which means that while modern browsers can display SVG images, older browsers may not. However, there are also a few disadvantages to using SVG format. Also, as mentioned, they can be printed at any resolution and edited with vector design tools. Since SVG is an open standard developed by W3C, modern browsers like Mozilla Firefox, Opera, Apple Safari, and Google Chrome can display these types of images natively.

They are resolution independent, meaning they can be scaled to any size without losing quality.

There are many advantages to using SVG images on the web. This can be used to create simple animations, such as a logo that changes color on hover, or more complex animations, such as an infographic.

SVG images can be animated using JavaScript.

They can also be printed at any resolution. This means that they can be resized without losing quality. Moreover, you can create and edit SVG images with a text editor or vector design tools such as Adobe Illustrator, Inkscape or CorelDRAW.

Since they are XML-based, you can search, index, script, or compress SVG images.

Scalable Vector Graphics (SVG) is a popular vector file format for graphics that includes built-in support for animation.

Logo using inkscape