title: Image is displayed in large size and cropped even if size declared is same as source
body: <p>I have a png image with size 30x30. Then i created an image inside a button using my 30x30 image:</p>
  
  <pre><code>&lt;Button&gt;
    &lt;Image x:Name="Sample" Source="sample.png" Stretch="None" SnapsToDevicePixels="True" 
           Width="30" Height="30" HorizontalAlignment="Center" VerticalAlignment="Center"/&gt;
  &lt;/Button&gt;
  </code></pre>
  
  <p>But still the image is displayed big and cropped in the Image control. Why does this happen even they have the same size?</p>