Svg Embed Vs Img. SVG files displayed with are treated as an image. 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.
Embedding SVG with the image tag The HTML element img is the absolute standard for embedding graphic files into a website.
An SVG by definition is always vector so it can be scaled proportionally without losing quality but if youre hosting an SVG on a webpage you generally want to use the embed property because it should result in a smaller file size since information that would otherwise allow you access to all of illustrators functionality gets stripped out. It can be useful to create a raster image from such an SVG because the quality tends to be better. SVG viewport and viewBox. SVG supports animation transparency gradients and is easily scalable without losing quality.