Take the 2-minute tour ×
Webmasters Stack Exchange is a question and answer site for pro webmasters. It's 100% free, no registration required.

I want to use only SVG graphics on my site wherever I can but it seems like support has been inconsistent in the past. Is SVG support finally stabilizing across browsers, or am I still going to have to hedge my bets with a PNG for the foreseeable future?

Clarification: By "SVG graphics" I mean primarily things that one would find in a logo, e.g. customized font, sweeping brush strokes, maybe gradients. All easily represented in SVG, but I find myself exporting PNGs at every dimension a logo appears at to ensure browser inconsistencies in rendering SVGs don't cause the logo to appear different. But the SVG spec is well defined and I'm doing the exact same thing in Inkscape to get the PNGs and I feel like a crazy person; any browser should be able to do this for me in a consistent way, right?

share|improve this question
add comment

1 Answer

up vote 1 down vote accepted

There's a few types of SVG usages but since you mention PNG I'll assume you mean basic use of HTML SVG Images.

Current versions of majors browsers that support SVG in an HTML img element:

  • Internet Explorer 9+
  • Mozilla Firefox 19.0+
  • Google Chrome 25.0+
  • Safari 5.1+
  • Opera 12.1+
  • iOS Safari 3.2+
  • Opera Mini 5.0+
  • Android Browser 3.0+
  • Blackberry Browser 7.0+

The problem with using purely SVG graphics and no fall backs is that visitors with older browsers will not be able to view your site, to give you an example Internet Explorer 8 does not support SVG and this browser isn't that old and is still widely used. You should consider a fallback system for those who can't render the SVG graphics if you want to cater for most visitors.

share|improve this answer
    
by "few uses of svg" do you mean animation? –  Chroma Geddon May 4 '13 at 23:14
1  
svg filters, inline svg, svg css backgrounds, SVG transforms, SVG SMIL animation, SVG fonts, SVG fragment identifiers... ETC. IE9/10 supports svg html img, while it does not support svg fonts. –  bybe May 5 '13 at 1:07
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.