Diferencias
Muestra las diferencias entre dos versiones de la página.
Ambos lados, revisión anteriorRevisión previaPróxima revisión | Revisión previa | ||
personalizacionportalestandar [2023/04/05 15:03] – [Fondo] 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. | * Logotipo de la pantalla luego de realizar la conexión al portal de clientes. | ||
+ | {{ youtube> | ||
+ | ---- | ||
{{ : | {{ : | ||
Línea 81: | Línea 83: | ||
**Nota:** La imagen del Logo también se visualizará en la [[portales# | **Nota:** La imagen del Logo también se visualizará en la [[portales# | ||
- | **Dimensiones recomendadas: | + | **Dimensiones recomendadas: |
- | * 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: | + | **Formatos aceptados: |
{{ : | {{ : | ||
Línea 94: | Línea 94: | ||
- Revísela presionando el botón Vista **Previa del Isotipo Actual**. Esto es opcional. | - Revísela presionando el botón Vista **Previa del Isotipo Actual**. Esto es opcional. | ||
- Clic en el botón **Subir Imagen**. | - Clic en el botón **Subir Imagen**. | ||
+ | |||
+ | **Dimensiones recomendadas: | ||
+ | |||
+ | **Formatos aceptados: | ||
{{ : | {{ : | ||
Línea 102: | Línea 106: | ||
- Revísela presionando el botón Vista **Previa del Logotipo Actual**. Esto es opcional. | - Revísela presionando el botón Vista **Previa del Logotipo Actual**. Esto es opcional. | ||
- Clic en el botón **Subir Imagen**. | - Clic en el botón **Subir Imagen**. | ||
+ | |||
+ | **Dimensiones recomendadas: | ||
+ | |||
+ | **Formatos aceptados: | ||
{{ : | {{ : | ||
+ | |||
+ | ===== Formatos y tamaños aceptados ===== | ||
+ | |||
+ | ==== Dimensiones recomendadas ==== | ||
+ | |||
+ | Las dimensiones recomendadas son: | ||
+ | |||
+ | * **Background**: | ||
+ | * 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**: | ||
+ | * 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**: | ||
+ | * 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. |