Diferencias

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

--- personalizacionportalestandar [2023/04/05 15:05] – [Isotipo] tamaño y formatos aceptados cvargas
+++ personalizacionportalestandar [2024/03/05 15:41] (actual) – editor externo 127.0.0.1
@@ Línea 11: / Línea 11: @@
   * Logotipo de la pantalla luego de realizar la conexión al portal de clientes.
+{{ youtube>7Okw-Anx-_Y?large |Cómo personalizar el Look&Feel del portal de clientes}}
+----
 {{ :personalizacionportal:personalizacion_portal_configuracion.png?nolink |}}
@@ Línea 81: / Línea 83: @@
 **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.//
+**Dimensiones recomendadas:** Para su correcta visualización la imagen debe tener relación de aspecto 1:1, 16:9 o 9:16.
-  * 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.
@@ Línea 106: / 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 |}}
+===== Formatos y tamaños aceptados =====
+==== Dimensiones recomendadas ====
+Las dimensiones recomendadas son:
+  * **Background**: Mantener relación de aspecto 16:9.
+    * Si no se mantiene la relación, la imagen se ampliará para rellenar el fondo completo.
+  * **Logo**: Para su correcta visualización la imagen debe ser 1:1, 16:9 o 9:16.
+  * **Isotipo**: Mantener relación 1:1. Se muestra en una sección de 60x60px.
+    * Se ajusta al ancho de la imagen y rellena el resto (arriba y abajo) con el degradé del fondo.
+    * Se ajusta al alto de la imagen y rellena el resto (costados) con el degragré del fondo.
+    * Se agrega un margen en alto y ancho con el color del degradé del fondo.
+    * Imagen centrada.
+  * **Logotipo**: Para ocupar todo el espacio, la relación de aspecto debe ser 1:4 aproximadamente.
+    * Se ajusta el alto de la imagen a los 60px (incluyendo margenes).
+    * Se agrega un margen superior e inferior, igual que al isotipo.
+    * El ancho queda según la relación de aspecto.
+    * Se alinea a la izquierda.
+==== Formatos aceptados ====
+Los formatos aceptados son:
+  * jpeg - jpg
+  * gif
+  * png
+  * avif
+  * web
+==== Tamaño de archivos ====
+No se tiene un límite en el tamaño, en MB, de los archivos, sin embargo considerar:
+  * Mientras mayor sea el peso en MB mayor será el tiempo de respuesta del Portal.
+  * Mientras mayor sea el peso en MB mayor será el tiempo de respuesta de la vista de configuración.