title: Tab bar icons pixelated and cut off
body: <p>I am trying to set my <code>UITabbar</code> icons via interface builder.  Here is what I am seeing:</p>
  
  <p><img src="https://i.stack.imgur.com/ZnI3C.png" alt="enter image description here"></p>
  
  <p>Two problems here:</p>
  
  <ol>
  <li>Why is the bottom cut off?  The dimensions of these 3 images in order is
  64x42, 44x44, 46x46.</li>
  <li>Why are they pixelated/blurry?  </li>
  </ol>
  
  <p>I am following the guidelines for tab bar icons listed here:
  <br><a href="https://developer.apple.com/library/ios/documentation/userexperience/conceptual/mobilehig/IconsImages/IconsImages.html" rel="nofollow noreferrer">https://developer.apple.com/library/ios/documentation/userexperience/conceptual/mobilehig/IconsImages/IconsImages.html</a></p>
  
  <p>I am not using the image, image@2x naming scheme.  I am just setting these in IB.  This app will be only released to devices with retina displays in any case.  The screenshot is from an iPhone 5.</p>