SVG as a Modern Web Graphics Design

Table of Contents

In this article, i covered following points of SVG:

  • # What is SVG?
  • # Why use SVG? – Pros and Cons
  • # How to make SVG? – Tools
  • # Basic shapes of SVG
  • # How to use SVG on the web?
  • # Exporting SVG for web
  • # Browser Support
  • # More resources about SVG

What is SVG?

SVG stands for Scalable Vector Graphics which can describe in:

S – We can zoom or resize image at any size without losing quality.
V – It is not pixel based, means all shaped are defined by geometry instead of dots (.).
G – Obviously, it is graphic.

Before we dive into SVG, at least we should know what is SVG?

The SVG specification is an open standard developed by the WWW Consortium (W3C) since 1999. It is the XML based language that defines 2D (two-dimensional) vector graphics.

Continue reading