title: How do I <embed> svg and scale it like an img
body: <p>I just like images I want to separate the picture from the page. I can take a 1024x768 image and do this</p>
  
  <pre><code>&lt;img src="1024x768.jpg" width="400" height="300"/&gt;
  </code></pre>
  
  <p>or I can do this</p>
  
  <pre><code>&lt;img src="1024x768.jpg" style="width:400px; height:300px"/&gt;
  </code></pre>
  
  <p>and the image will be scaled not cropped. How do I do the same with svg? Note: I don't want to embed the svg directly into the page. That would be as stupid as using dataURLs for all my images. My artists edit images, other people edit html so I need those to be separate.</p>
  
  <pre><code>&lt;embed src="somefile.svg" width="400" height="300"&gt;&lt;/embed&gt;
  </code></pre>
  
  <p>Does not scale the svg, it just crops. CSS width/height doesn't work either. This there a way to do this similar to images?</p>