---
schema_version: "1"
id: 4639d72760f691f851375a47a74a4f9c578dfdae3e5cc85216a6a0a9c52785dc
title: Customize the Logo or Today Page Banner
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/sales/264-0-0/mth_customize_logo_or_banner_image.md
canonical_url: https://help.salesforce.com/s/articleView?id=sales.mth_customize_logo_or_banner_image.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 266d817d09409fc64d75095c6c843e6b0055a34d9ac341ee7679ab44b7a4181b
description: Style your company’s enablement site with a logo and banner image. The logo appears at the top of every page, while the banner appears across the top of the Today page.
products:
  - Sales Cloud
  - Sales Enablement
release: "264"
---
# Customize the Logo or Today Page Banner

Style your company’s enablement site with a logo and banner image. The logo appears at the top of every page, while the banner appears across the top of the Today page.

### Required Editions

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small edition"><colgroup><col></colgroup><tbody><tr class=""><td class="slds-cell-wrap" style="vertical-align:top;">Available in: <strong>Enterprise</strong>, <strong>Performance</strong>, and <strong>Unlimited</strong> Editions</td></tr></tbody></table>

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small permission">
        <colgroup>
          <col style="width:50%">
          <col style="width:50%">
        </colgroup>
        <thead class="slds-text-title_caps ">
          <tr class="">
            <th scope="colgroup" class="slds-cell-wrap" colspan="2" style="text-align:center;vertical-align:top;" id="d2700e63">User Roles and
              Permissions</th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="User Roles and Permissions" class="slds-cell-wrap" style="vertical-align:top;" headers="d2700e63 ">
              <strong>Enablement Site User Roles</strong>
            </td>

            <td class="slds-cell-wrap" style="vertical-align:top;" headers="d2700e63 ">&nbsp;</td>

          </tr>
          <tr class="">
            <td data-label="User Roles and Permissions" class="slds-cell-wrap" style="vertical-align:top;" headers="d2700e63 ">This topic supports these enablement site roles:</td>

            <td class="slds-cell-wrap" style="vertical-align:top;" headers="d2700e63 ">Salesforce Admins</td>

          </tr>
          <tr class="">
            <td data-label="User Roles and Permissions" class="slds-cell-wrap" style="vertical-align:top;" headers="d2700e63 ">
              <strong>Required System Permissions</strong>
            </td>

            <td class="slds-cell-wrap" style="vertical-align:top;" headers="d2700e63 ">&nbsp;</td>

          </tr>
          <tr class="">
            <td data-label="User Roles and Permissions" class="slds-cell-wrap" style="vertical-align:top;" headers="d2700e63 ">To customize the branding on your enablement site:</td>

            <td class="slds-cell-wrap" style="vertical-align:top;" headers="d2700e63 ">Manage Site Settings</td>

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

For either image type, use a PNG, JPG, or GIF file that’s smaller than 5 MB.

Select files that fit these criteria:

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small ">
        <colgroup>
          <col style="width:25%">
          <col style="width:25%">
          <col style="width:25%">
          <col style="width:25%">
        </colgroup>
        <thead class="slds-text-title_caps ">
          <tr class="">
            <th scope="col" class="slds-cell-wrap" rowspan="2" style="vertical-align:top;" id="d2700e138">Image</th>
            <th scope="colgroup" class="slds-cell-wrap" colspan="3" style="text-align:center;vertical-align:top;" id="d2700e141">Dimensions (Width × Height)</th>
          </tr>
          <tr class="">
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d2700e147">Minimum</th>
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d2700e150">Recommended</th>
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d2700e153">Maximum</th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="Minimum" class="slds-cell-wrap" style="vertical-align:top;" headers="d2700e138 ">Logo</td>

            <td data-label="Recommended" class="slds-cell-wrap" style="vertical-align:top;" headers="d2700e141 d2700e147 ">80 px × 80 px</td>

            <td data-label="Maximum" class="slds-cell-wrap" style="vertical-align:top;" headers="d2700e141 d2700e150 ">200 px × 200 px</td>

            <td class="slds-cell-wrap" style="vertical-align:top;" headers="d2700e141 d2700e153 ">5,000 px × 5,000 px</td>

          </tr>
          <tr class="">
            <td data-label="Minimum" class="slds-cell-wrap" style="vertical-align:top;" headers="d2700e138 ">Banner</td>

            <td data-label="Recommended" class="slds-cell-wrap" style="vertical-align:top;" headers="d2700e141 d2700e147 ">1,000 px × 200 px</td>

            <td data-label="Maximum" class="slds-cell-wrap" style="vertical-align:top;" headers="d2700e141 d2700e150 ">1,800 px × 200 px</td>

            <td class="slds-cell-wrap" style="vertical-align:top;" headers="d2700e141 d2700e153 ">12,000 px × 12,000 px</td>

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

![Important](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-sales-mytrailhead-264-0-0-production-enus/0d6bc03d-58c7-47e8-89c9-5e00c98b5485/images/icon_important.png)

Important All images are resized to the recommended dimensions when displayed on a page. For the best results, use files that match these recommended dimensions. If an image is smaller, Trailmaker stretches the dimensions to fit, which can result in a distorted image. If an image is larger, Trailmaker shrinks the dimensions to fit.

![Tip](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-sales-mytrailhead-264-0-0-production-enus/0d6bc03d-58c7-47e8-89c9-5e00c98b5485/images/icon_tip.png)

Tip For the banner, we recommend that you use a file that:

- Has a width-to-height aspect ratio of 9:1 so the image fits the recommended dimensions without distortion.
- Maintains your brand’s visual identity rules even when the size of the user’s browser window changes. For example, select an image that works well when the browser window’s width is 1,980 px but retains important details when the width is cropped to 1,080 px. For this reason, we recommend that you avoid images that contain text, which can be clipped at smaller browser window sizes.

1. Click the avatar next to your name on your enablement site, and select **Trailmaker**.
2. Click **Settings**.
3. On the Branding page:
    
    ![Branding page in Trailmaker Settings, highlighting the Logo and Today Page Banner fields](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-sales-mytrailhead-264-0-0-production-enus/0d6bc03d-58c7-47e8-89c9-5e00c98b5485/mytrailhead/images/tm_settings_branding_page.png)
    
    1. To select a logo, click the **Logo** field (1), and navigate to the image file that you want to use.
    2. To select a banner for the Today page, click the **Today Page Banner** field (2), and navigate to the image file that you want to use.
    3. Click **Publish** (3).
    4. Click **Publish** again in the confirmation window.

After you publish the changes, they become visible on your enablement site.

#### See Also

- [Add Your Brand Color](https://help.salesforce.com/s/articleView?id=sales.mth_customize_brand_color.htm&release=264.0.0&type=5 "When you choose your brand color, Trailmaker adjusts the color as necessary for accessibility and legibility. The page header text is white and gray. We recommend not using white, yellow, or another pale hue for your brand color. Select a darker color for text to make it more readable.")
- [Customize the URLs for the Help and Logout Landing Pages](https://help.salesforce.com/s/articleView?id=sales.mth_customize_urls_help_logout_landing.htm&release=264.0.0&type=5 "You can direct your enablement site users to your own help site, instead of Salesforce Help, when they click the help icon. And when your users log out of your enablement site, you can designate the page where they land.")
- [Customize the Links in Your Enablement Site Page Footer](https://help.salesforce.com/s/articleView?id=sales.mth_customize_footer_links.htm&release=264.0.0&type=5 "You can display links that are relevant to your company and your users in the page footer on your enablement site. Include links to your company’s Experience Cloud site, privacy statement, terms of service—whatever you like. You can designate up to three custom links.")