title: How to specify size for iPhone 6/7 customised edge-to-edge image?
body: <p>Say I want a bundled image to take up all available screen width in an iPhone app - for example a banner. I'd create <code>my_banner.png</code> with width <code>320px</code>, <code>my_banner@2x.png</code> with width <code>640px</code> and <code>my_banner@3x.png</code> for <em>iPhone 6 plus</em> with width <code>1242px</code>. But the resolution of <em>iPhone 6</em> is <code>750×1334</code> pixels. Still it shares the <code>@2x</code> suffix with iPhone 4 and 5 that have <code>640px</code> width. </p>
  
  <p>What's the <strong>recommended way</strong> or a <strong>good way</strong> to specify an image file that has been optimised for the <code>750px</code> width of <em>iPhone 6</em>? Seems like it cannot be done in an <code>asset catalog</code>? Should it be done programatically? Is there some other suffix that can be used for <em>iPhone 6</em>?</p>
  
  <p><img src="https://i.stack.imgur.com/Lb7cW.png" alt="iPhone 4,5,6 screen sizes">
  (Image extracted from <a href="http://www.iphoneresolution.com" rel="nofollow noreferrer">http://www.iphoneresolution.com</a>)</p>