PNG files are raster images, meaning they’re made of pixels and lose quality when scaled. SVG files, on the other hand, are vector-based, meaning they can scale infinitely without losing sharpness — ...
When they select an image format for a web project, developers typically lean on raster images, such as the JPEG, PNG and GIF file types. They should also consider the Scalable Vector Graphics format.