---
schema_version: "1"
id: f35d215f967c88ca705f2e659859a0d63c03366e2d3efec75962ab438100facd
title: Prepare Your App’s Information for iOS
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/xcloud/264-0-0/branded_apps_prepare_assets_sfdc_ios.md
canonical_url: https://help.salesforce.com/s/articleView?id=xcloud.branded_apps_prepare_assets_sfdc_ios.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 20f35ca49f6c53b79149af5c8875ebe22a4a3323a97674fe23c98bde7ac3f4b0
description: Apply your company’s branding to these assets in the Salesforce app for iOS.
products:
  - Mobile App
  - Cross Cloud
release: "264"
---
# Prepare Your App’s Information for iOS

Apply your company’s branding to these assets in the Salesforce app for iOS.

To brand your Salesforce app for iOS, provide these elements for your Mobile Publisher project.

- Image assets in PNG format.
- Screenshots captured by the Publisher Playground App. Don’t use a mobile browser for screenshots because it can lead to your app being rejected by Apple.
- Images and screenshots can’t include Alpha channels or transparencies. To remove the Alpha channel on a Mac device, use the Preview app to duplicate the image, deselect the Alpha option, and save the image.

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small ">
      <colgroup>
        <col style="width:50%">
        <col style="width:50%">
      </colgroup>
      <thead class="slds-text-title_caps ">
        <tr class="">
          <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d8255e51">Field</th>
          <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d8255e54">Description</th>
        </tr>
      </thead>
      <tbody>
        <tr class="">
          <td class="slds-cell-wrap" colspan="2" style="vertical-align:top;" headers="d8255e51 d8255e54 ">Product Details</td>

        </tr>
        <tr class="">
          <td data-label="Field" class="slds-cell-wrap" style="vertical-align:top;" headers="d8255e51 ">App Name</td>

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d8255e54 ">The name under the app icon on the device. This name is different from the App
            Store name. Max 12 characters.</td>

        </tr>
        <tr class="">
          <td data-label="Field" class="slds-cell-wrap" style="vertical-align:top;" headers="d8255e51 ">App Help URL</td>

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d8255e54 ">A URL with help information for your app. Your users can access this link from
            the bottom of your app's Navigation Menu. If you leave this field blank, it defaults
            to the standard Salesforce Help URL.</td>

        </tr>
        <tr class="">
          <td data-label="Field" class="slds-cell-wrap" style="vertical-align:top;" headers="d8255e51 ">App Store Default Language</td>

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d8255e54 "> The default language to display for your listing on the App Store.</td>

        </tr>
        <tr class="">
          <td data-label="Field" class="slds-cell-wrap" style="vertical-align:top;" headers="d8255e51 ">App Store Name</td>

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d8255e54 ">The App Store name must include the app name. Choose a name that isn’t too
            similar to existing app names. Max 30 characters.</td>

        </tr>
        <tr class="">
          <td data-label="Field" class="slds-cell-wrap" style="vertical-align:top;" headers="d8255e51 ">App Store Description</td>

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d8255e54 ">
            <p>The description for your app's listing on the App Store. The best descriptions
              are concise, informative, and highlight the main features of your app. Max 4,000
              characters.</p>
            <p style="margin-bottom:0;">If your app uses the Fully Managed distribution method, emojis aren’t
              supported in the App Store description. </p>
          </td>

        </tr>
        <tr class="">
          <td data-label="Field" class="slds-cell-wrap" style="vertical-align:top;" headers="d8255e51 ">App Store Keywords</td>

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d8255e54 ">Keywords to make your app are easy to find in search results. Max 100 characters
            total. Separate each keyword with a comma.</td>

        </tr>
        <tr class="">
          <td data-label="Field" class="slds-cell-wrap" style="vertical-align:top;" headers="d8255e51 ">App Store Subtitle</td>

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d8255e54 ">A one-line summary of your app that displays under your app name throughout the
            App Store in iOS 11 and later. Max 30 characters.</td>

        </tr>
        <tr class="">
          <td data-label="Field" class="slds-cell-wrap" style="vertical-align:top;" headers="d8255e51 ">App Store Promotional Text</td>

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d8255e54 ">
            <p>Informs your users of current features. The text appears at the top of the app
              description in the App Store. Max 170 characters. </p>
            <p style="margin-bottom:0;">If your app uses the Fully
              Managed distribution method, emojis aren’t supported in the App Store promotional
              text.</p>
          </td>

        </tr>
        <tr class="">
          <td data-label="Field" class="slds-cell-wrap" style="vertical-align:top;" headers="d8255e51 ">App Store Support URL</td>

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d8255e54 ">A URL with support information for your app. It appears on the App Store listing.
            If you leave this field blank, it defaults to the standard Salesforce Support
            URL.</td>

        </tr>
        <tr class="">
          <td data-label="Field" class="slds-cell-wrap" style="vertical-align:top;" headers="d8255e51 ">App Store Marketing URL</td>

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d8255e54 ">A URL with marketing information for your app. It appears on the App Store
            listing. If you leave this field blank, it defaults to the standard Salesforce
            Marketing URL.</td>

        </tr>
        <tr class="">
          <td class="slds-cell-wrap" colspan="2" style="vertical-align:top;" headers="d8255e51 d8255e54 ">
            <strong>Authorized Domains</strong>
          </td>

        </tr>
        <tr class="">
          <td data-label="Field" class="slds-cell-wrap" style="vertical-align:top;" headers="d8255e51 ">Domain URL</td>

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d8255e54 ">The default domains to log in to are production and sandbox. If you don’t add an
            extra domain, production is the default domain. URL must begin with https://.</td>

        </tr>
        <tr class="">
          <td data-label="Field" class="slds-cell-wrap" style="vertical-align:top;" headers="d8255e51 ">Domain Label</td>

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d8255e54 ">
            <ul>
              <li>English only</li>

              <li>A-Z, a-z, 0–9</li>

              <li>Special characters: underscore (_), dash (-), period (.), and space ( )</li>

              <li>Max 20 characters</li>

            </ul>
          </td>

        </tr>
        <tr class="">
          <td class="slds-cell-wrap" colspan="2" style="vertical-align:top;" headers="d8255e51 d8255e54 ">
            <strong>Beta Tester Information</strong>
          </td>

        </tr>
        <tr class="">
          <td data-label="Field" class="slds-cell-wrap" style="vertical-align:top;" headers="d8255e51 ">First Name</td>

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d8255e54 ">First name of beta tester.</td>

        </tr>
        <tr class="">
          <td data-label="Field" class="slds-cell-wrap" style="vertical-align:top;" headers="d8255e51 ">Last Name</td>

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d8255e54 ">Family name of beta tester.</td>

        </tr>
        <tr class="">
          <td data-label="Field" class="slds-cell-wrap" style="vertical-align:top;" headers="d8255e51 ">Email Address</td>

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d8255e54 ">Email address of beta tester. Your beta tester receives an email when the beta
            version of your app is ready to test.</td>

        </tr>
        <tr class="">
          <td class="slds-cell-wrap" colspan="2" style="vertical-align:top;" headers="d8255e51 d8255e54 ">
            <strong>App Header Color</strong>
          </td>

        </tr>
        <tr class="">
          <td data-label="Field" class="slds-cell-wrap" style="vertical-align:top;" headers="d8255e51 ">Color</td>

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d8255e54 ">The background color for the header of the app. Color format is 6 HEX digits.
            Must start with #. See the Examples section for images.</td>

        </tr>
        <tr class="">
          <td class="slds-cell-wrap" colspan="2" style="vertical-align:top;" headers="d8255e51 d8255e54 ">
            <strong>App Loading Screen</strong>
          </td>

        </tr>
        <tr class="">
          <td data-label="Field" class="slds-cell-wrap" style="vertical-align:top;" headers="d8255e51 ">Loading Screen Color</td>

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d8255e54 ">The background color for the loading screen of the app. Color format is 6 HEX
            digits. Must start with #. See the Examples section for images.</td>

        </tr>
        <tr class="">
          <td data-label="Field" class="slds-cell-wrap" style="vertical-align:top;" headers="d8255e51 ">
            <p>Loading Screen Images:</p>
            <ul>
              <li>690 x 840 pixels</li>
              <li>460 x 560 pixels</li>
              <li>230 x 280 pixels</li>
            </ul>
          </td>

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d8255e54 ">Image with the logo on the loading screen. 32-bit transparent PNG. See the
            Examples section for images.</td>

        </tr>
        <tr class="">
          <td class="slds-cell-wrap" colspan="2" style="vertical-align:top;" headers="d8255e51 d8255e54 ">
            <strong>Icons</strong>
          </td>

        </tr>
        <tr class="">
          <td data-label="Field" class="slds-cell-wrap" style="vertical-align:top;" headers="d8255e51 ">
            <p>App Store Icon:</p>
            <ul>
              <li>1024 x 1024 pixels</li>
            </ul>
          </td>

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d8255e54 ">The App Store icon appears in your app's listing on the App Store. Use the same
            design as your mobile device icons.</td>

        </tr>
        <tr class="">
          <td data-label="Field" class="slds-cell-wrap" style="vertical-align:top;" headers="d8255e51 ">
            <p>Mobile Device Icons: </p>
            <ul>
              <li>180 x 180 pixels</li>
              <li>167 x 167 pixels</li>
              <li>152 x 152 pixels</li>
              <li>120 x 120 pixels</li>
              <li>87 x 87 pixels</li>
              <li>80 x 80 pixels</li>
              <li>76 x 76 pixels</li>
              <li>60 x 60 pixels</li>
              <li>58 x 58 pixels</li>
              <li>40 x 40 pixels</li>
              <li>29 x 29 pixels</li>
              <li>20 x 20 pixels</li>
            </ul>
          </td>

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d8255e54 ">
            <p>The mobile device icons appear on the mobile device itself. Use the same design
              as your App Store icon.</p>
            <ul>
              <li>Flattened PNG format</li>
              <li>Square icon corners</li>
              <li>No transparency or alpha channel</li>
              <li>Minimum 72 DPI resolution </li>
              <li>RGB color space</li>
            </ul>
          </td>

        </tr>
        <tr class="">
          <td class="slds-cell-wrap" colspan="2" style="vertical-align:top;" headers="d8255e51 d8255e54 ">
            <strong>Salesforce External Client App</strong>
          </td>

        </tr>
        <tr class="">
          <td data-label="Field" class="slds-cell-wrap" style="vertical-align:top;" headers="d8255e51 ">Name</td>

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d8255e54 ">The name appears when your users log in to your app for the first time. If
            possible, use the same name as your App Store name. 5–40 characters. English
            only.</td>

        </tr>
        <tr class="">
          <td data-label="Field" class="slds-cell-wrap" style="vertical-align:top;" headers="d8255e51 ">
            <p>Icon:</p>
            <ul>
              <li>128 x 128 pixels</li>
            </ul>
          </td>

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d8255e54 ">The external client app icon appears when your users log in to your app for the
            first time. Use the same design as your app icons. The corners of the icon aren’t
            rounded automatically. Apply rounded corners to the icon manually. PNG format and max
            100 KB.</td>

        </tr>
        <tr class="">
          <td class="slds-cell-wrap" colspan="2" style="vertical-align:top;" headers="d8255e51 d8255e54 ">
            <strong>App Store Screenshots</strong>
          </td>

        </tr>
        <tr class="">
          <td data-label="Field" class="slds-cell-wrap" style="vertical-align:top;" headers="d8255e51 ">
            <p>iPhone 6.7” Screenshots:</p>
            <ul>
              <li>1290 x 2796 pixels</li>
            </ul>
          </td>

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d8255e54 ">
            <ul>
              <li>Use screenshots of your app’s user experience. Don't use screenshots of your
                logo or loading screen.</li>
              <li>Upload screenshots as they are, with no modifications. The rounded corners are
                automatically applied after the screenshots are upload.</li>
              <li>If you add text descriptions to your screenshots, keep text away from the
                corners to avoid cropping.</li>
              <li>Leave the home indicator in the screenshot, if it’s visible.</li>
              <li>Avoid placing screenshots within a hardware device image.</li>
              <li>The order of screenshots in the App Store listing reflects the order of the
                screenshots in the Mobile Publisher iOS Setup page.</li>
            </ul>
            <p>Requirements:</p>
            <ul>
              <li>6.7 inch (17.01 cm) display screenshots</li>
              <li>Flattened PNG format</li>
              <li>No transparency or alpha channel</li>
              <li>Minimum 72 DPI resolution</li>
              <li>RGB color space</li>
              <li>Max five screenshots</li>
            </ul>
            <p style="margin-bottom:0;">Refer to <a href="https://developer.apple.com/ios/submit/" target="_blank">Submit your iOS apps to the App
                Store</a>.</p>
          </td>

        </tr>
        <tr class="">
          <td data-label="Field" class="slds-cell-wrap" style="vertical-align:top;" headers="d8255e51 ">
            <p>iPhone 6.5” Screenshots:</p>
            <ul>
              <li>1242 x 2688 pixels</li>
            </ul>
          </td>

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d8255e54 ">
            <ul>
              <li>Use screenshots of your app’s user experience. Don't use screenshots of your
                logo or loading screen.</li>
              <li>Upload screenshots as they are, with no modifications. The rounded corners are
                automatically applied after the screenshots are upload.</li>
              <li>If you add text descriptions to your screenshots, keep text away from the
                corners to avoid cropping.</li>
              <li>Leave the home indicator in the screenshot, if it’s visible.</li>
              <li>Avoid placing screenshots within a hardware device image.</li>
              <li>The order of screenshots in the App Store listing reflects the order of the
                screenshots in the Mobile Publisher iOS Setup page.</li>
            </ul>
            <p>Requirements:</p>
            <ul>
              <li>6.5 inch (16.5 cm) display screenshots</li>
              <li>Flattened PNG format</li>
              <li>No transparency or alpha channel</li>
              <li>Minimum 72 DPI resolution</li>
              <li>RGB color space</li>
              <li>Max five screenshots</li>
            </ul>
            <p style="margin-bottom:0;">Refer to <a href="https://developer.apple.com/ios/submit/" target="_blank">Submit your iOS apps to the App
                Store</a>.</p>
          </td>

        </tr>
        <tr class="">
          <td data-label="Field" class="slds-cell-wrap" style="vertical-align:top;" headers="d8255e51 ">
            <p>iPhone 5.5” Screenshots:</p>
            <ul>
              <li>1242 x 2208 pixels</li>
            </ul>
          </td>

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d8255e54 ">
            <p>Requirements:</p>
            <ul>
              <li>5.5 inch (13.97 cm) display screenshots </li>

              <li>Flattened PNG format </li>

              <li>No transparency or alpha channel </li>

              <li>Minimum 72 DPI </li>

              <li>RGB color space </li>

              <li>Max five screenshots </li>

            </ul>
          </td>

        </tr>
        <tr class="">
          <td data-label="Field" class="slds-cell-wrap" style="vertical-align:top;" headers="d8255e51 ">
            <p>iPad Screenshots:</p>
            <ul>
              <li>Portrait: 2048 x 2732 pixels</li>
              <li>Landscape: 2732 x 2048 pixels</li>
            </ul>
          </td>

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d8255e54 ">
            <p>One size screenshot for all versions of the iPad.</p>
            <p>Requirements:</p>
            <ul>
              <li>12.9 inch (32.77 cm) display screenshots </li>
              <li>Flattened PNG format </li>
              <li>No transparency or alpha channel </li>
              <li>Minimum 72 DPI </li>
              <li>RGB color space </li>
              <li>Max five screenshots </li>
            </ul>
          </td>

        </tr>
        <tr class="">
          <td class="slds-cell-wrap" colspan="2" style="vertical-align:top;" headers="d8255e51 d8255e54 ">
            <strong>Country Availability</strong>
          </td>

        </tr>
        <tr class="">
          <td data-label="Field" class="slds-cell-wrap" style="vertical-align:top;" headers="d8255e51 ">Country Availability</td>

          <td data-label="Description" class="slds-cell-wrap" style="vertical-align:top;" headers="d8255e54 ">Select the countries where you want your app to be available. Default is all
            countries. </td>

        </tr>
      </tbody>
    </table>

Examples

![Header color](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-xcloud-mysalesforce-264-0-0-production-enus/a39debb4-ddcf-4d21-ae97-ca8229316d3a/mysalesforce/images/mys1_branded_apps_header_color.png)