title: Different Launch Screen Image or Background Image Sizes for iOS devices
body: <p>I read some of those website links that explain about exporting different image sizes for iOS device. But I don't really understand of those explaining. (May be I am not good at in English language.)<br><br>
  <a href="https://i.stack.imgur.com/1e7CU.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/1e7CU.jpg" alt="enter image description here"></a>
  <br><br>I found these dimension for launch screen. Please let me clarify my understanding to you guys.<br>
  So, when I create an image, I must create a larger size(@3x) firstly and should export that image into smaller sizes (@2x, @1x). Am I right? <br><br>
  For example,  I create 1242x2208px (3x) image and scale to 2x,3x and save. 
  <br><a href="https://i.stack.imgur.com/1Zlak.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/1Zlak.jpg" alt="enter image description here"></a>
  <br><em>My questions are that;</em> <br>
  1) I draw images in Photoshop CS6.For any size of images, the <strong>Resolution</strong> is still 75px. isn't it? <br>
  So, for 1242x2208px(3x) size , the resolution is 75px and then I decrease the size. The image will small and does it get blurry appearance? <br><br>
  2) Does image elements (<strong>heart image</strong> in my example image)need to make to be large in smaller device(1x) to get the clear looks?  <strong>Or</strong><br><br>
  3) If we don't need to modify image elements or may be some texts of font size to be large or small, can we get the high resolution of image appearance in 1x? I'm afraid that if we scale to smaller(1x), it would be blur and not good in looks because we are still in 75 resolutions. <br><br>
  4) Does it need to make to fit the image elements to image size? <br>I found this video <a href="https://www.youtube.com/watch?v=WOnczJSsMqk" rel="nofollow noreferrer">https://www.youtube.com/watch?v=WOnczJSsMqk</a> . In this video, he crops the white space and export into @1x, @2x and @3x. So, the size of @3x is not the image size from Apple official Guideline website. I don't know clearly this. <br><br>
  5) If we type the <em>text (font size-90pt) in @3x</em> image, then it will automatically changes to <em>60pt in @1x</em> image. right? <br> 
  But in this link <a href="https://www.smashingmagazine.com/2015/05/retina-design-in-photoshop/#font-size" rel="nofollow noreferrer">https://www.smashingmagazine.com/2015/05/retina-design-in-photoshop/#font-size</a> , he wrote that </p>
  
  <blockquote>
    <p>a text box with the font set to 16 pixels. But @2x this is 32 pixels,
    and @3x it’s 48 pixels!
    Not ideal, is it, having to constantly multiply by two or three? I
    don’t know about you, but I could do without the constant math. <strong>When I
    design, I want to know that 16 pixels is 16 pixels!</strong></p>
  </blockquote>
  
  <p>So, the text should be <em>16 px</em> in any size of image 1x,2x or 3x or not? <br><br></p>
  
  <p>6) These image sizes are for launch screen, isn't it? But, if I create an image for background of Login screen, then is it the same concept and save as these sizes of image ? <br><br></p>
  
  <p>7) Above image size dimension is correct or not? But, in this <a href="https://developer.apple.com/ios/human-interface-guidelines/graphics/launch-screen/" rel="nofollow noreferrer">https://developer.apple.com/ios/human-interface-guidelines/graphics/launch-screen/</a> website, the sizes are a little bit different. </p>
  
  <p>Now, I'm trying to create a design for login background image. So, I was finding the sizes before I draw. But, after reading many articles of image sizes in Retina device, I've confused and got many questions in my mind. <br>
  That's why I write down my questions like this and I would like to say sorry that my question is long and make you feel not easy to understand. <br>
  Sorry again for my poor English. <br>
  I hope anyone would help me to answer all my questions in steps.Thanks for reading till the end. :)</p>