Imágenes y dimensiones

TABLA DE CONTENIDOS

• Logo de la empresa
  • También considerar las siguientes indicaciones
  • Ejemplo
• Imagen personalizada en login
  • Consideraciones
  • Ejemplo
• Imagen en widget de Bienvenida
  • Recomendaciones
  • Consideraciones
  • Ejemplo
• Imagen en home de Bienvenida
• Avatar de cada usuario

Logo de la empresa

Es importante mantener las siguientes  características obligatorio para imágenes para mantener la mejor visualización.

• Proporción de imagen horizontal

• Mínimo 500px de ancho o alto

• Formato .png con fondo transparente

• Sin límite de peso

También considerar las siguientes indicaciones

• El logo debe ser a color (en caso de logos blanco y negro cargarlo tal como es considerando las características anteriormente mencionadas)

• Evitar espacios interiores en la imagen

• No aplicar color de fondo

Ejemplo

Si	No
(Omitir borde punteado, es solamente referencial)	(Omitir borde punteado, es solamente referencial)

Imagen personalizada en login

No es obligatorio, pero recomendamos personalizar el login para fomentar el branding de la marca.

• Debe contar con proporción de imagen cuadrada (la misma cantidad de PX de tanto de lado como de alto) con un mínimo de 1000px * 1000px

• Contar con formato .JPG

• Peso máximo de 2 MB

Consideraciones

• Distribuir la información visual al centro de la imagen

• Mantener un margen interior de al menos 100px para que los elementos visuales como logos o textos no se corten en diferentes resoluciones a las que se adapta automáticamente.

• Si la imagen a cargar no es cuadrada, desde el front se forzará a que lo sea, pero perderá la información visual que no esté al centro de la imagen

• Si no se carga ninguna imagen se mostrará solamente el formulario de ingresar usuario

Ejemplo

Si	No

Imagen en widget de Bienvenida

Recomendaciones

• Es opcional (según cultura de la empresa)

• Proporción de imagen libre

• Mínimo 800px de ancho o alto

• Formato obligatorio .jpg

• Peso máximo 1mb

Consideraciones

• La imagen a utilizar se ajustará al ancho completo del widget independiente de la posición en que esté ubicado en el diseño de la página de inicio

• Si el widget estará posicionado por sobre el feed se recomienda utilizar una proporción de imagen horizontal (escala 16:9)

• Si el widget estará posicionado al costado derecho se permite utilizar una proporción de imagen cuadrada (escala 1:1) como máximo.

• No utilizar imágenes verticales

Ejemplo

Si

No

Imagen en home de Bienvenida

Avatar de usuario

Avatar es la foto que tiene cada colaborador en Rankmi. La foto es opcional, pero se recomienda tenerla cargada para hacer personalizar la experiencia dentro de la plataforma.

El avatar se puede ver en el master de personas y un colaborador lo verá al ingresar a su perfil en la parte superior derecha.

Especificaciones

• Tamaño máx: 50mb
• Dimensiones: La imagen debe ser siempre cuadrada, con alguna de las siguientes dimensiones:
  • 30x30
  • 100x100
  • 300x300 (más utilizado)
  • 600x600