title: In Interface Builder, how I do to resize correctly this image to make it device specific?
body: <p>I am using the <code>Auto Layout</code> feature, and I would like to know if I can use different image sizes for different screen sizes.</p>
  
  <p>Here's what my <code>Storyboard</code> File looks like. </p>
  
  <p><img src="https://i.imgur.com/FPnNDcG.png" alt="img1"></p>
  
  <p>As you can see, there is an <strong>image of a guy</strong>. How do I keep the size of image <strong>proportional</strong> for every screen size? Let me explain.</p>
  
  <p>On an iPhone 4" the guy image should look a little bit smaller than on an iPhone 5.5". Is this even possible?</p>
  
  <p>On an iPhone 3.5" the image should look <strong>small</strong>. On an iPhone 4" the same image should look <strong>a little bit bigger</strong>. On an iPhone 4.7" it should look <strong>even bigger</strong>, and so on.</p>
  
  <p>Setting up constraints doesn't help,</p>
  
  <p>Please take a look at the following image:</p>
  
  <p><img src="https://i.imgur.com/43mETyR.png" alt="img2"></p>
  
  <p>There are two iPhones and the guy image should look different on both the devices. On the iPhone 4S the image should look smaller to fit nicely the big grey dot while on the iPhone 6 Plus the guy image should look definitely bigger to get the most out of its screen size.</p>
  
  <p>Is there any way to do it?</p>
  
  <p>Thanks you.</p>