Svg Vs Image Performance

Search any wallpaper on popular images.

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.

Learning Vs Performance In The Classroom The Effortful Educator Teaching Psychology Teaching Teachers Classroom Learning
Learning Vs Performance In The Classroom The Effortful Educator Teaching Psychology Teaching Teachers Classroom Learning from www.pinterest.com

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.