Diferencias

Muestra las diferencias entre dos versiones de la página.

--- personalizacionportalestandar [2023/03/07 23:54] – scantor
+++ personalizacionportalestandar [2023/04/05 15:08] – [Logotipo] tamaños y formatos recomendados cvargas
@@ Línea 6: / Línea 6: @@
   * Color de la barra superior dentro del portal de clientes.
   * Color de la barra lateral izquierda dentro del portal de clientes.
-  * Imagen de fondo de la pantalla de conexión al portal de clientes.
+  * Imagen de fondo de la pantalla de conexión al portal de clientes. Aplica también para encuestas de satisfacción y página de validación de correo de los contactos.
-  * Logo de la pantalla de conexión al portal de clientes.
+  * Logo de la pantalla de conexión al portal de clientes. Aplica también para la página de validación de correo de los contactos.
   * Isotipo de la pantalla luego de realizar la conexión al portal de clientes.
   * Logotipo de la pantalla luego de realizar la conexión al portal de clientes.
@@ Línea 62: / Línea 62: @@
   - Seleccione la pestaña **Fondo** e introduzca una imagen en el campo **Imagen de fondo en Login**.
   - Revísela presionando el botón **Vista Previa del Fondo Actual**. Esto es opcional.
   - Clic en el botón **Subir Imagen**.
+**Nota:** La imagen del Fondo también se visualizará en las [[encuestas#Encuestas|encuestas de satisfacción]] y en la [[portales#Validar el correo electrónico del contacto|página de validación de correo electrónico]] que visualizan los Contactos.
+**Dimensiones recomendadas:** Mantener relación de aspecto 16:9.
+//Si no se mantiene la relación, la imagen se ampliará para rellenar el fondo completo.//
+**Formatos aceptados:** jpeg, jpg, gif, png, avif y webp.
 {{ :personalizacionportal:personalizacion_portal_fondo.png?nolink |}}
 ==== Logo ====
   - Navegue al menú **Personalización**.
@@ Línea 70: / Línea 78: @@
   - Revísela presionando el botón Vista **Previa del logo Actual**. Esto es opcional.
   - Clic en el botón **Subir Imagen**.
+**Nota:** La imagen del Logo también se visualizará en la [[portales#Validar el correo electrónico del contacto|página de validación de correo electrónico]] que visualizan los Contactos.
+**Dimensiones recomendadas:** Para su correcta visualización la imagen debe ser 1:1 o 16:9. //Si se usa imagen vertical, esta será recortada en la vista de validar email.//
+  * Para el login: El ancho está fijado en 284px. El alto se ajusta a la imagen cargada.
+  * Para validar email: El ancho está fijado a 130px. La imagen se corta a los 130px de altura (desde arriba hacia abajo).
+**Formatos aceptados:** jpeg, jpg, gif, png, avif y webp.
 {{ :personalizacionportal:personalizacion_portal_logo.png?nolink |}}
@@ Línea 78: / Línea 94: @@
   - Revísela presionando el botón Vista **Previa del Isotipo Actual**. Esto es opcional.
   - Clic en el botón **Subir Imagen**.
+**Dimensiones recomendadas:** Mantener relación 1:1. //Se muestra en una sección de 60x60px con imagen centrada.//
+**Formatos aceptados:** jpeg, jpg, gif, png, avif y webp.
 {{ :personalizacionportal:personalizacion_portal_isotipo.png?nolink |}}
@@ Línea 86: / Línea 106: @@
   - Revísela presionando el botón Vista **Previa del Logotipo Actual**. Esto es opcional.
   - Clic en el botón **Subir Imagen**.
+**Dimensiones recomendadas:** Para ocupar todo el espacio, la relación de aspecto debe ser 1:4. //El alto está fijado en 60px. Imagen alineada a la izquierda.//
+**Formatos aceptados:** jpeg, jpg, gif, png, avif y webp.
 {{ :personalizacionportal:personalizacion_portal_logotipo.png?nolink |}}