title: SVG pixelation in chrome
body: <p>This is very strange. I am using SVG images, because of the low file size, sharp rendering, and scalability ( the objects animate quite a bit ). Its working perfect in FF, ie9, Safari and iPad, but in chrome certain SVG images are rendering very poorly.</p>
  <p><img src="https://i.stack.imgur.com/FJX5Z.png" alt="SVG in chrome" /></p>
  <p><img src="https://i.stack.imgur.com/hvNQS.png" alt="SVG in safari" /></p>
  <p>Any ideas why this might be happening? The svg files themselves are very small.</p>
  <p>Here is some a sample svg</p>
  <p><a href="https://web.archive.org/web/20140111072255/http://c975805.r5.cf2.rackcdn.com:80/rs-grails-r4/passion/social.svg" rel="noreferrer"><img src="https://web.archive.org/web/20140111072255/http://c975805.r5.cf2.rackcdn.com:80/rs-grails-r4/passion/social.svg" alt="" /></a></p>
  <p><a href="https://web.archive.org/web/20140111072255/http://c975805.r5.cf2.rackcdn.com:80/rs-grails-r4/passion/social.svg" rel="noreferrer"><img src="https://web.archive.org/web/20140111072255/http://c975805.r5.cf2.rackcdn.com:80/rs-grails-r4/passion/social.svg" height="200"/></a></p>