Sebastian Starke
Sebastian Starke

Reputation: 5347

SVG isn't always sharp

The SVG logo on this site doesn't look sharp on every zoom level. I read once, that SVG is just sharp on a multiple of its original size. But when I rightclick on the graphic and display it alone (without an img tag around it), it looks sharp on every possible zoom. There is no width or height given to the image.

Upvotes: 0

Views: 1159

Answers (2)

Nitesh
Nitesh

Reputation: 15779

I believe the issue is in Firefox. Try to set the image width to 100% and height to the actual height of the SVG and this will solve the issue.

For Instance.

img{width:100%;
   height:xxpx; /* Where 'xx' is the value of the image height in pixels */
   }

Hope this Helps.

Upvotes: 0

Dark Falcon
Dark Falcon

Reputation: 44201

It appears that Firefox renders the SVG to an image when referenced via an <img> tag. Use an <object> tag

Upvotes: 2

Related Questions