title: <image> causes pixelated image
body: <p>I want to create a SVG with repeated elements. Therefore, I created a SVG of the image that I want to use multiple times and I include it by using the <code>&lt;image&gt;</code> tag (<a href="https://stackoverflow.com/questions/5451135/embed-svg-in-svg">described here</a>). Let us call this multiple-use-image "M" and let us call the SVG file with the <code>&lt;image&gt;</code> tag "S".</p>
  
  <p>The Problem: 
  No SVG Viewer antialiases image M.</p>
  
  <p>For example, if I use ImageMagick to convert the final SVG to a PNG I use</p>
  
  <pre><code>convert -antialias -density 2000 file.svg -quality 100 file.png
  </code></pre>
  
  <p>Yet, image M is not rendered with 2000 DPI and completely pixelated whereas the shapes directly created in S look perfect.</p>
  
  <p>For example in S.svg:</p>
  
  <pre><code>&lt;image xlink:href="M.svg" /&gt; &lt;!-- This looks pixelated --&gt;
  &lt;path d="M 0 0 50 50" stroke="black" /&gt; &lt;!-- This looks crisp --&gt;
  </code></pre>
  
  <p>How can I make programs, any program, render image M at higher DPI?</p>