Advantages and Disadvantages
Advantages
- High Quality: SVG images are vector-based, providing high-resolution images helps when the responsiveness of the website is taken into, measure.
- Small file size: SVG is based on XML- format, having a small file size as compared to any other file type.
- Easy to use: SVG files are plain text XML, and code can be created and edited easily on any IDE.
- SEO Optimizing: The SVG performs better as compared to other file type for graphics the SVG code can easily be accessible to search engines.
Disadvantages
- Complexity: Creating detailed graphics makes the code complex.
- Learning Curve: SVG takes more time to learn for designers and developers who are not familiar with vector graphics or XML.
- Limited filter effects: SVG has limited filter effects, it is not suitable for making photographs as compared to raster graphics formats.
SVG Full Form
SVG is an abbreviation for Scalable Vector Graphics which is an XML-based file format used for the representation of two-dimensional vector graphics. SVG graphics are needed when there is a concern for high-quality graphics on web pages. The scalable graphics can be created using the <svg> element, which can be integrated easily into an HTML file. It has attributes like height and width to define an area where the vector will be created.
Table of Content
- Features
- SVG Components
- Properties
- Creating Scalable Vector Graphics
- Advantages and Disadvantages
We will explore all the above concepts with the help of suitable examples.