Why isn’t SVG widely used-supported on the web?

In my opinion, raster graphics (GIF, PNG) is used much more that vector graphics on the web. I am wondering why? Wouldn’t vector graphics be more suitable for web pages design (i.e. buttons design, custom borders etc.)?

One answer which I have found, is that browsers support PNG and GIF more widely than, for example SVG. But again a question arises – why do browsers support raster graphics better? What are the reasons for it?

Currently, vector graphics is not usually considered when designing a website. See this question.

So, my question: why is raster graphics used more and supported better even in cases when vector graphics seems to be more suitable?


I suspect that it has to do with the fact that the needs of design are not met well by pure vector art: many textures and effects are raster based and if you are going to include any raster imagery, then you might as well go full-raster.

If you aren’t going to scale by more than a factor of 2 and are using a hybrid SVG, you aren’t really realizing the benefits of vector art.

A minor issue with vectors is that they are calculated at render time. In most cases, this is a non issue, but the greater the complexity, the longer the draw time. Coupled with a handheld pinch-zoom device where re-rendering may be happening often, the time adds up and you perceive input lag. Raster “bakes in” the render time so you won’t get time spikes during render. This is more a technicality and is generally optimized by the programmers of the particular OS or software (as best as possible).

Source : Link , Question Author : Zhenya , Answer Author : horatio

Leave a Comment