Mobile app version of vmapp.org
Login or Join
Nimeshi706

: 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

@Nimeshi706

Posted in: #Raster #Vector #WebsiteDesign

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?

10.02% popularity Vote Up Vote Down


Login to follow query

More posts by @Nimeshi706

2 Comments

Sorted by latest first Latest Oldest Best

 

@Gail6891361

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).

10% popularity Vote Up Vote Down


 

@Connie430

SVG is the only vector (it is actually XML code driven) format supported by browsers. Although it has been around for a while, it is relatively new as far as browser support goes. Like all newer techniques (HTML5, CSS3), they take a while to become mainstream.

Many designers have probably yet to adopt using SVG as currently, you'd have to make a fallback PNG anyway to support those older browsers.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme