SVG Graphics, your allies on the Web

SVG (Scalable Vector Graphics) is a type of vector-based format, making it ideal for responsive web design as it offers greater flexibility and reduced loading times without loss of quality.

It is suitable for including logos, icons, or simple illustrations on the web.

Advantages of using SVG

SVG offers advantages over bitmap images, including:

• Scalability
• Progressive loading
• Compatibility with modern browsers
• Smaller size using GZIP compression
• Through the use of <svg></svg> and <object></object> tags, it allows for the application of CSS styles and interaction with JavaScript
• Helps with SEO (Search Engine Optimization) as it is XML (Extensible Markup Language) and allows the use of TrueType typography, improving indexing in search engines
•  

Disadvantages of using SVG:

Some particularities of this format should also be considered, so its use is not recommended:

• For websites that need to function in older browsers since SVG is incompatible with them.
• For files containing photographs or vectors with many details, as this would significantly increase their size and, therefore, loading time.