 <p>In XAML there are four possible <code>Stretch</code> options:</p> <p><strong>None</strong><br> The image is shown in it's original size. If its larger than the parent element, it'll only show the top left portion of the image that fits inside. If the image is smaller than the parent element, then it's shown in it's entirety.</p> <p><strong>Fill</strong><br> The image is resized to fill the parent element. If the aspect ratios are different, then the image will be stretched to fit the parent. This will distort the image.</p> <p><strong>Uniform</strong><br> The image will be scaled up as large as it can be, while still being completely inside of the parent. Unlike <strong>Fill</strong> which will stretch the image to make it fit perfectly, <strong>Uniform</strong> will keep the aspect ratio of the image and stop scaling when it reaches the bounds of the parent.</p> <p><strong>UniformToFill</strong> This is the bastard child of the previous two. It will scale the image, while keeping the aspect ratio, until it fills the parent element. This means that some parts of the image will be clipped if the aspect ratios are different.</p> <p>For more information on the <code>Stretch</code> enumeration, hit it up on <a href="https://msdn.microsoft.com/en-us/library/system.windows.media.stretch(v=vs.110).aspx" rel="nofollow">MSDN</a></p> <p><strong>UPDATE</strong><br> If you want to show the image outside of the bounds of the parent you could do something like this:</p> <pre><code>&lt;Grid Width="100" Height="50"&gt; &lt;Grid.Clip&gt; &lt;RectangleGeometry Rect="0 0 100 50"/&gt; &lt;/Grid.Clip&gt; &lt;/Grid&gt; </code></pre> <p>This was suggested <a href="http://stackoverflow.com/a/29296396/1339804">here on SO</a></p>