Svg Vs Image Performance. It looks pretty darn good but as with all images starts to look a bit fuzzy when resized. Because SVG is a vector format they look great at any size and work for pretty much any type of image other than a photo.
Because SVG is a vector format they look great at any size and work for pretty much any type of image other than a photo. SVG or Scalable Vector Graphics is incredibly practical. A few times while working with an SVG from another designer we discovered that using the effects in the appearance panel such as drop shadow produced a monster base64 file that was cumbersome and expensive.
In the example below the difference in file size between the vector and raster versions of the image is only 041 and the vector version is the larger of the two.
SVG can reduce bandwidth true but it needs computations via CPU. Thats more than 43 size reduction without compromising the quality dropping down from 816 kb to mere 462 kb. SVG or Scalable Vector Graphics is incredibly practical. One extremely basic way to answer it is use canvas when you cannot use svg where cannot might mean animating thousands of objects manipulating each pixel individually etc.
