HomeGraphic designingWhy one should use SVG over PNG ?

Why one should use SVG over PNG ?

Scalable Vector Graphics (SVG) is used for 2-D based vector graphics which is an XML-based markup language. It uses geometric forms like points, lines, curves and shapes (polygons) which represent different parts of the image.

Portable Network Graphics (PNG) It is a replacement for Graphics Interchange Format (GIF). The file format is a raster graphics and the data compression is lossless. It is used for high quality images, detailed icons or need to prevent transparency.

 In SVG, the scale change do not change the pixels of the graphics. In other words the scale does not get pixelated.

File size:
In comparison to other graphics the size of the file is relatively small.
They can be edited directly even in svg code

It helps in enhancing the website performance. The inline CSS of SVG is loaded faster than calling a PNG file to display in a website.

Style control:
Style can be controlled like color, size, fill color, stroke color. This is mostly used when we have different Action on a button. Like hover, Active, Disable etc.

Don't Miss


Please enter your comment!
Please enter your name here

Related Articles