SVG for images in browsers with PNG fallback

Question

I\'m looking to use SVG versions of a company logo on a website. At present, all current versions of major browsers (IE, Safari, Chrome, Firefox, Opera) support SVG, so this

Answer 1

To solve your problem w/resizing SVGs in the object tag:

Add "preserveAspectRatio" and "viewBox" attributes to the svg tag. Open the file in a text editor and find the tag. in that tag, add the following attributes:

preserveAspectRatio="xMinYMin meet" viewBox="0 0 {width} {height}"

Replace {width} and {height} with some defaults for the viewBox. I use the values from the "width" and "height" attributes of the SVG tag. Save the SVG and it should now scale as expected.

See: How do I scale a stubborn SVG embedded with the