---
schema_version: "1"
id: cb0eca82845a10a10a6925ea2ea13ed319c1fc16e9cf8fed1675d2c6dd2e76c6
title: User Profile Image
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/experience/264-0-0/rss_user_profile_header_napili.md
canonical_url: https://help.salesforce.com/s/articleView?id=experience.rss_user_profile_header_napili.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: 71d7c59c22dcf7e8dc9071e6806536a40cc3a575455d79619e83fcb6c0e294e1
description: The User Profile Image component displays the user's reputation level, reputation points, and profile photo.
products:
  - Experiences
release: "264"
---
# User Profile Image

The User Profile Image component displays the user's reputation level, reputation points, and profile photo.

![Note](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-experience-communities-264-0-0-production-enus/bf7df212-91a1-4fa3-a007-4d6f3e3b470b/images/icon_note.png)

Note The User Profile Image and the User Profile Summary components replace the User Profile Summary & Image component, which was deprecated in Winter ’21.

1. Select the **User Profile Image** component in the page you're configuring.
2. In the property editor, configure the properties for the component.
    
    <table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small ">
            <colgroup>
              <col style="width:28.000000000000004%">
              <col style="width:72%">
            </colgroup>
            <thead class="slds-text-title_caps ">
              <tr class="">
                <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d59225e61">Property</th>
                <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d59225e64">Details</th>
              </tr>
            </thead>
            <tbody>
              <tr class="">
                <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d59225e61 ">
                  <samp class="parmname">User ID</samp>
                </td>

                <td data-label="Details" class="slds-cell-wrap" style="vertical-align:top;" headers="d59225e64 ">The system supplies this value so that authenticated
                  users can view their own information. Don’t update this
                  field.</td>

              </tr>
              <tr class="">
                <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d59225e61 ">
                  <samp class="parmname">Display circular photo</samp>
                </td>

                <td data-label="Details" class="slds-cell-wrap" style="vertical-align:top;" headers="d59225e64 ">
                  <p>To apply a circular crop to user profile photos, select
                    the box. Otherwise the crop is a square/rectangle.</p>
                  <p style="margin-bottom:0;">Users
                    must reload their photos so they fit in the cropped
                    area.</p>
                </td>

              </tr>
              <tr class="">
                <td data-label="Property" class="slds-cell-wrap" style="vertical-align:top;" headers="d59225e61 ">
                  <samp class="parmname">Display Reputation</samp>
                </td>

                <td data-label="Details" class="slds-cell-wrap" style="vertical-align:top;" headers="d59225e64 ">To display the reputation level below the user profile
                  photo, select the box.</td>

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

![Example](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-experience-communities-264-0-0-production-enus/bf7df212-91a1-4fa3-a007-4d6f3e3b470b/images/icon_example.png)

Example Sample User Profile Image component:

![User Profile Image component](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-experience-communities-264-0-0-production-enus/bf7df212-91a1-4fa3-a007-4d6f3e3b470b/communities/images/napili_user_profile_header.png)

#### See Also

- [Which Components Can I Use with Each Aura Template?](https://help.salesforce.com/s/articleView?id=experience.rss_component_reference_table.htm&release=264.0.0&type=5 "Aura site templates, such as Customer Service and Partner Central, are each composed of pages, which in turn are made up of customizable components. Consult this table to find out which Aura template each component can be used in, and when the component became available.")