SVG is an image format for 2D vector graphics that supports interactivity and animation. Developed since 1999. Conceived and implemented in order to describe the graphic elements of the site using a programming language. Usually .svg is used in the design of icons, logos and user interface elements for websites. But the scope of this format is much larger. Use it to create graphs and charts, simple infographics, scalable roadmaps, animated images, and more. The resulting elements will be losslessly stretched and compressed depending on the screen size, have a low weight and look great on devices with a high pixel density.
PNG is one of the popular formats in web graphics. It was proposed in 1995 at the Usenet conference as a free alternative to licensed GIF. Since October 1, 1996, it exists as a full-fledged graphic format supported by all browsers and graphic editors.PNG is one of the most popular formats due to its good compression without loss of quality, fast loading, transparency function, clear image borders. In practice, .png is ideal for saving images with a small number of colors, as well as graphics with transparent areas. Logos, icons, badges, diagrams, scanned copies of documents are usually placed on sites just in .png format