---
sourceDocument: Yokohama Employee Service Management
sourceDocumentLink: https://www.servicenow.com/docs/r/yokohama/employee-service-management

 Release :

    - yokohama

ft:locale :

    - en-US

ft:publication_title :

    - Yokohama Employee Service Management

ft:clusterId :

    - emplsm

bundleId :

    - emplsm

workflow :

    - Employee


---

# Standard banner and icon sizes

# Standard banner and icon sizes {#ariaid-title1}

* Release version: Yokohama
* 
* Updated January 30, 2025
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 1 minute to read

Use the following sizes for the banner and icons for optimal portal performance.
{#ec-portal-images-size__table_fgv_pyx_lqb__entry__2}

| Images | Sizes |
|-|-|
| Home page | 1440 x 400px Height is 400px and width is responsive. For desktop: 1440px width viewport, 1440 x 400px Note: For troubleshooting the background banner image for employee center in mobile view, see [KB1280740](https://support.servicenow.com/kb?id=kb_article_view&sysparm_article=KB1280740) and other related KBs. |
| Topic page | 1258 x 300px Height is 300px and width is responsive. For desktop: 1440px with viewport, 1258 x 300px |
| Icons | Topic icon: 56 x 56px Note: The Background image and the Icon fields show the required specifications of the respective image sizes when you hover over the field labels. |
[Table 1. Images and sizes]

{#ec-portal-images-size__table_fgv_pyx_lqb} {#ec-portal-images-size__table_hw5_zt2_ggc__entry__1}

| Note |
|-|
| Tip: The updated recommendations for image sizes are available on the widget Instance Options (Control + select and hold or right click). |
[Table 2. Tips for image size]

{#ec-portal-images-size__table_hw5_zt2_ggc}
**Related concepts**   

* [Browser Extension for Employee Center forms](https://www.servicenow.com/docs/~2_l4lBN1pQWFT5h_wkPzQ "The Browser Extension for Employee Center forms provide information about various configurations required to set up the extension.")
* [Employee Center widgets](https://www.servicenow.com/docs/aeObCMqZR1fC_Sxqo_zWRw "You can use base system widgets as-is in the portal or clone them to suit your own business needs.")
* [Employee Profile form](https://www.servicenow.com/docs/9xxhw0oY3A9VAGP6eNREvg "An option in the Employee Profile configuration that provides a list of employee profile fields.")
* [Enhanced Requests Experience forms](https://www.servicenow.com/docs/o6uvyiYVt~~wtlW0fKTlRg "The forms provide information to set up the Enhanced Requests Experience.")  
**Related reference**   

* [Activity Configuration form](https://www.servicenow.com/docs/x7OtyAcBIWNOvy094dQOnQ "Use the Activity Configuration form to do a basic configuration or an advanced configuration for an activity.")
* [Activity Configuration Detail form](https://www.servicenow.com/docs/6BjWB7BgmPmvkwQxvZ9qgA "Use the Activity Configuration Detail form to specify which records you want to retrieve from a table when certain conditions are met for a basic activity configuration.")
* [Connected Content form](https://www.servicenow.com/docs/uxFP0X8H5U66nzI5oq8QmA "Use the connected content form to associate content to the topics in your taxonomy.")
* [Default Employee Profile Header Configuration record](https://www.servicenow.com/docs/fyhiXt2Fd29elKf5z3Erew "The default Employee Profile header configuration record contains the following field values.")
* [Employee Profile Header Configuration form](https://www.servicenow.com/docs/97_YP21eQHjt5V_AhqbO0Q "Use the Employee Profile Header Configuration form to create a header for a profile.")
* [Employee Profile portal configuration form](https://www.servicenow.com/docs/A~U17qkrE4Uxa_wJHQ5TZw "Use the Employee Profile Portal Configuration form to configure the profile for a service portal.")
* [Employee Profile upgrade scenarios](https://www.servicenow.com/docs/MbBfonKH3I7fKl9S_NrI1A "After upgrading Employee Profile to version 11.0.3, the profile pages on all portals are updated based on the following scenarios.")
* [External Link form](https://www.servicenow.com/docs/q2N1nzTMtlPjUAa04j7~gw "Use the External Link form to create an external link.")
* [Featured Content form](https://www.servicenow.com/docs/5phHrvccU1fanI0Nvhlkjg "Use the featured content form to mark the associated connected content as featured content for a topic.")
* [Footer form](https://www.servicenow.com/docs/obPVOM4IEpjD2x5cG_d5CQ "Use the Footer form to create a new footer that you want to appear in the Employee Center or Employee Center Pro.")
* [Footer Menus form](https://www.servicenow.com/docs/Z4Qzap3nXR3ytpDoIcUMUg "Use the Footer Menus form to create a new footer menu that you want to appear on your Employee Center or Employee Center Pro.")
* [Guided Self-Service reference](https://www.servicenow.com/docs/~EuWJ4l28Io1iL3ADczrgQ "Use the following reference information for the Guided Self-Service functionality.")
* [Menu Item form](https://www.servicenow.com/docs/erbwFSmMYdxtJGx_Zo52ww "Use the Menu Items form to configure the items for the More menu on the Employee Center header.")
* [Overview section form](https://www.servicenow.com/docs/cq95al2U0DQq2LMuSUSfFg "The overview section form enables you to configure a section on the Employee Profile UI.")
* [Portal notification configuration form](https://www.servicenow.com/docs/eDE0YS7rmFFJGQTPuV~org "The portal notification configurations form enables you to create a unified notification system for your preferred portal.")
* [Portal notification content form](https://www.servicenow.com/docs/ROhfifu2wCz1p~iT4ttkog "The field descriptions provided here are required to configure your portal notification messages.")
* [Quick Link form](https://www.servicenow.com/docs/xjXFIwXGmS9DxXqWyV2Thg "Use the Quick Link form to create a new quick link and specify the content type for the quick link.")
* [Trigger conditions form](https://www.servicenow.com/docs/hpNfQFr~ga8G~tJcHuAWuQ "The field descriptions provided here are essential to create the trigger conditions for your portal notification messages.")
* [Tab widget mapping form](https://www.servicenow.com/docs/VuCw4yHd7uRYk6aW5Y2mPA "You can use the tab widget mapping form to display widgets on a tab and control their visibility.")
* [Taxonomy form](https://www.servicenow.com/docs/xDHSMHtmS3lZmdbvfayVQw "Use the taxonomy form to create your own taxonomy for the Employee Center portal.")
* [Topic form](https://www.servicenow.com/docs/JdNJXdOJBz~uvNipBoqFZw "Use the topic form to create topics for the new or cloned taxonomy.")
* [To-do content form](https://www.servicenow.com/docs/wbYmNOqxXOvxkv4s_gsfDw "Use the To-do content form to add to-dos to your portal page.")
* [User Criteria form](https://www.servicenow.com/docs/e9bqFUS_zn1zb6cMKSgsTA "Add a user criteria record to decide which users, roles, and groups can access a quick link.")
* [User Criteria output](https://www.servicenow.com/docs/qei25LGzZsVj8XVLMg~hxA "User Criteria output based on Available For and Not Available For values.")

