title: How to make image not stretch?
body: <p><em><strong>[imgur deleted image]</em></strong></p>
  
  <p>The icon on the left is the result of this code:</p>
  
  <pre><code>    &lt;Button Height="23" HorizontalAlignment="Left" Margin="12,276,0,0" Name="button1" VerticalAlignment="Top" Width="75"&gt;
          &lt;StackPanel Orientation="Horizontal"&gt;
              &lt;Image Source="Resources/add.png" Stretch="None" /&gt;
              &lt;TextBlock Margin="5,0,0,0" Text="Add" /&gt;
          &lt;/StackPanel&gt;
      &lt;/Button&gt;
  </code></pre>
  
  <p>The one on the right is the original image placed beside it using Photoshop. It appears the one added via code is stretched by a pixel causing some distortion. How do I prevent that?</p>