title: BG Image Resizing
body: <p>I have a basic app with three views and the first view, the initial view, has an ImageView with a 320 x 460 (Ive also tried 320 x 480) image in it to serve as my background image for the view. The status bar is enabled. When I test the app on my phone the image resizes when the app first loads and eventually scales to fit the screen. What I am doing wrong with my image size? The initial view seems to 'jump' when the app first loads due to the image resizing and I dont want users to think there is an issue.</p>
  
  <p>Here is my storyboard:</p>
  
  <pre><code>&lt;objects&gt;
              &lt;placeholder placeholderIdentifier="IBFirstResponder" id="vni-Jh-JGC" userLabel="First Responder" sceneMemberID="firstResponder"/&gt;
              &lt;viewController id="gWY-GQ-C35" sceneMemberID="viewController"&gt;
                  &lt;view key="view" contentMode="scaleToFill" id="e8S-C8-ddz"&gt;
                      &lt;rect key="frame" x="0.0" y="20" width="320" height="460"/&gt;
                      &lt;autoresizingMask key="autoresizingMask"/&gt;
                      &lt;subviews&gt;
                          &lt;imageView autoresizesSubviews="NO" userInteractionEnabled="NO" contentMode="scaleToFill" image="targetbg.png" id="s7d-M3-VIr"&gt;
                              &lt;rect key="frame" x="-1" y="0.0" width="320" height="460"/&gt;
                              &lt;autoresizingMask key="autoresizingMask"/&gt;
                              &lt;rect key="contentStretch" x="0.0" y="0.0" width="0.0" height="0.0"/&gt;
                          &lt;/imageView&gt;
                          &lt;button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" lineBreakMode="middleTruncation" id="uF7-4u-0PX"&gt;
                              &lt;rect key="frame" x="14" y="417" width="300" height="38"/&gt;
                              &lt;autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/&gt;
                              &lt;fontDescription key="fontDescription" type="boldSystem" pointSize="15"/&gt;
                              &lt;state key="normal" image="newsubmit.png"&gt;
                                  &lt;color key="titleColor" red="0.19607843459999999" green="0.30980393290000002" blue="0.52156865600000002" alpha="1" colorSpace="calibratedRGB"/&gt;
                              &lt;/state&gt;
                              &lt;state key="highlighted"&gt;
                                  &lt;color key="titleColor" white="1" alpha="1" colorSpace="calibratedWhite"/&gt;
                              &lt;/state&gt;
                              &lt;connections&gt;
                                  &lt;segue destination="2" kind="modal" id="Qkv-0y-8Sh"/&gt;
                              &lt;/connections&gt;
                          &lt;/button&gt;
                          &lt;label opaque="NO" clipsSubviews="YES" userInteractionEnabled="NO" contentMode="left" text="Blake Design Group" textAlignment="center" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" minimumFontSize="10" id="Am2-mX-6Yv"&gt;
                              &lt;rect key="frame" x="22" y="386" width="280" height="21"/&gt;
                              &lt;autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/&gt;
                              &lt;fontDescription key="fontDescription" type="system" pointSize="10"/&gt;
                              &lt;color key="textColor" red="1" green="1" blue="1" alpha="1" colorSpace="calibratedRGB"/&gt;
                              &lt;nil key="highlightedColor"/&gt;
                          &lt;/label&gt;
                          &lt;label opaque="NO" clipsSubviews="YES" userInteractionEnabled="NO" contentMode="left" text="version 2.0" textAlignment="center" lineBreakMode="tailTruncation" baselineAdjustment="alignBaselines" minimumFontSize="10" id="Buw-jD-jIs"&gt;
                              &lt;rect key="frame" x="16" y="374" width="280" height="21"/&gt;
                              &lt;autoresizingMask key="autoresizingMask" flexibleMaxX="YES" flexibleMaxY="YES"/&gt;
                              &lt;fontDescription key="fontDescription" type="system" pointSize="10"/&gt;
                              &lt;color key="textColor" red="1" green="1" blue="1" alpha="1" colorSpace="calibratedRGB"/&gt;
                              &lt;nil key="highlightedColor"/&gt;
                          &lt;/label&gt;
                      &lt;/subviews&gt;
                      &lt;color key="backgroundColor" white="1" alpha="1" colorSpace="custom" customColorSpace="calibratedWhite"/&gt;
                  &lt;/view&gt;
                  &lt;nil key="simulatedTopBarMetrics"/&gt;
                  &lt;simulatedOrientationMetrics key="simulatedOrientationMetrics"/&gt;
                  &lt;simulatedScreenMetrics key="simulatedDestinationMetrics"/&gt;
              &lt;/viewController&gt;
          &lt;/objects&gt;
  </code></pre>