Observa el logotipo de la empresa que aparece en la barra de navegación superior del portal. En este paso, lo vas a reemplazar.
Para reemplazar el logotipo, haz lo siguiente:
Obtén una copia del logotipo de tu empresa que sea adecuado para usar en la barra de navegación superior para computadoras de escritorio (tamaño aproximado: 192 x 32 píxeles) y dispositivos móviles (tamaño aproximado: 156 x 32 píxeles).
En el editor de temas, para reemplazar el logotipo en la barra de navegación superior para las pantallas de computadoras de escritorio, haz lo siguiente:
a. En Basic Styles en el panel derecho, haz clic en Cargar debajo del campo Primary logo.
b. Busca la versión para computadoras de escritorio de tu logotipo en el directorio local.
c. Haz clic en Abrir para subir el archivo.
A fin de reemplazar el logotipo en la barra de navegación superior para las pantallas de dispositivos móviles, haz lo siguiente: a. En Basic Styles en el panel derecho, expande Logo options y haz clic en Upload
debajo del campo Mobile logo.
b. Busca la versión para dispositivos móviles de tu logotipo en el directorio local.
c. Haz clic en Open para subir el archivo.
Haga clic en Save.
Visualiza los cambios en el panel de vista previa o haz clic en Preview (Vista previa) para obtener una vista previa de los cambios en el portal en un navegador.
Según el ancho del navegador, puede que veas la versión del logotipo para computadoras de escritorio o dispositivos móviles.
Haz clic en Publicar para publicar los cambios en tu portal. Confirma la operación cuando se te solicite.
Haz clic en View Portal para abrir el portal en vivo en una pestaña del navegador nueva (o actualiza la pestaña en la que ya está abierto).
A continuación, vas a editar el contenido de la página en el portal.
[[["Fácil de comprender","easyToUnderstand","thumb-up"],["Resolvió mi problema","solvedMyProblem","thumb-up"],["Otro","otherUp","thumb-up"]],[["Difícil de entender","hardToUnderstand","thumb-down"],["Información o código de muestra incorrectos","incorrectInformationOrSampleCode","thumb-down"],["Faltan la información o los ejemplos que necesito","missingTheInformationSamplesINeed","thumb-down"],["Problema de traducción","translationIssue","thumb-down"],["Otro","otherDown","thumb-down"]],["Última actualización: 2025-09-04 (UTC)"],[[["\u003cp\u003eThis guide explains how to replace the default logo in the top navigation bar of your Apigee or Apigee hybrid portal.\u003c/p\u003e\n"],["\u003cp\u003eYou will need to upload two versions of your company logo: one for desktop displays (approximately 192 x 32 pixels) and one for mobile displays (approximately 156 x 32 pixels).\u003c/p\u003e\n"],["\u003cp\u003eThe logo is uploaded via the Theme Editor, under the Basic Styles section, by selecting and uploading your logo files into the Primary logo and Mobile logo fields.\u003c/p\u003e\n"],["\u003cp\u003eAfter uploading, the changes can be viewed in the preview pane, and published to the portal, which can then be viewed in a new browser tab.\u003c/p\u003e\n"],["\u003cp\u003eFollowing this process will allow you to move on to the next step of editing the page content in your portal.\u003c/p\u003e\n"]]],[],null,["# Step 3: Customize the logo\n\n*This page\napplies to **Apigee** and **Apigee hybrid**.*\n\n\n*View [Apigee Edge](https://docs.apigee.com/api-platform/get-started/what-apigee-edge) documentation.*\n\nNotice the company logo that appears in the top navigation bar in the portal. You're going to replace it in this step.\n\nTo replace the logo:\n\n1. Obtain a copy of your company logo that would be suitable for use in the top navigation bar for **desktop** (approximate size: 192 x 32 pixels) and\n **mobile** (approximate size: 156 x 32 pixels) displays.\n\n | **Note:** If your desktop and mobile logos are a different size than the defaults, they are resized automatically to 60% of the height of the navigation bar.\n2. Upload the primary logo.\n\n ### Cloud Console UI\n\n 1. In the Theme editor, under **Basic Styles** , click **Browse**.\n 2. Navigate to and select the logo file.\n 3. Click **Open**.\n\n ### Classic UI\n\n In the Theme Editor, to replace the logo in the top navigation bar on **desktop** displays:\n 1. Under **Basic Styles** in the right pane click **Upload** under the **Primary logo** field.\n 2. Browse for the **desktop version of your logo** in your local directory.\n 3. Click **Open** to upload the file.\n3. Upload the mobile logo.\n\n ### Cloud Console UI\n\n 1. In the Theme editor, under **Basic Styles** , expand **Logo options**.\n 2. Click **Browse**.\n 3. Navigate to and select the mobile logo file.\n 4. Click **Open**.\n\n ### Classic UI\n\n To replace the logo in the top navigation bar on **mobile** displays:\n 1. Under **Basic Styles** in the right pane expand **Logo options** and click **Upload** under the **Mobile logo** field.\n 2. Browse for the **mobile version of your logo** in your local directory.\n 3. Click **Open** to upload the file.\n4. Click **Save**.\n\n5. Click **Preview** to preview the portal changes in a browser.\n Depending on the width of your browser, you may see the desktop or mobile version of the logo.\n\n6. Click **Publish** to publish the changes to your portal. Confirm the operation when prompted.\n\n7. Click **View Portal** to open the live portal in a new browser tab (or refresh the tab in which it is already open).\n\nNext, you'll **edit page content** in the portal.\n\n\n[1](/apigee/docs/api-platform/publish/portal/get-started/create-portal)\n\n\n[2](/apigee/docs/api-platform/publish/portal/get-started/customize-color-palette)\n\n\n[3](/apigee/docs/api-platform/publish/portal/get-started/customize-logo)\n\n\n[(NEXT) Step 4: Edit page content](/apigee/docs/api-platform/publish/portal/get-started/edit-page)\n\n\n[5](/apigee/docs/api-platform/publish/portal/get-started/set-up-navigation)\n\n\n[6](/apigee/docs/api-platform/publish/portal/get-started/publish-api)\n\n\u003cbr /\u003e"]]
Cargar debajo del campo Primary logo.