Cambio en Foto de perfil

[angelik0828]

Explicación

Al ingresar en el aplicativo el usuario debe poder cambiar o colocar por primera vez la imagen de perfil, esta debe contar con una texto que explique el tamaño que debe tener dicha foto para poder acomodarla en el espacio del foto de perfil

Actual

se sube cualquier imagen y esta no se centra ni enfoca solo quedan los espacios en color negro

Expectativa de resultado

al subir una imagen halla un texto que permita saber que tamaño de imagen y formato recibe

Capturas de pantalla de lo existente

Check list

• Se agregue el texto con el tamaño soportado en el formato de foto.

[Eghinner]

Teniendo en cuenta que deberia ser un texto que se muestre unicamente cuando se tenga intencion de interactuar con la imagen de perfil, aqui algunas propuestas.

Propuestas de solucion

1. Usar un componente tooltip al hacer hover sobre el avatar.
   Pros: desarrollo rapido, y al ser un tooltip no afecta demas componentes.
   Contras: Al ser un efecto hover no se obtiene la misma experienca con usuarios de dispositivo moviles.
   
2. Mostrar un modal al presionar el avatar.
   Pros: Tener un modal dara tiempo para dar cualquier consejo al usuario y da una interaccion mas amigable.
   Contras: No hay un diseño de modales establecido y requeriria una confirmacion por parte del cliente. Ademas de que puede ser incómodo en dispositivos móviles
   
3. Usar un paquete especializado en el manejo de imagenes. Existen varios paquetes que al implementarlos permiten al usuario editar su avatar (dimensiones, cortes, escala, ...) antes de subirlo
   Demos:

• https://jofftiquez.github.io/vue-croppie/
• https://fpluquet.github.io/vue-avatar-editor/
  @angelik0828

[Eghinner]

@angelik0828 En cuanto al tamaño de las imagenes que soporta, no hay un limite como tal. Depende de la red y la gestion del servicio de almacenamiento, ya que en todo caso es mas recomendable imagenes menores a 500kb para no saturar el almacenamiento y elevar costos

[angelik0828]

@Eghinner creo que puede funcionar la opción dos es mas tedioso pero se informa al cliente mejor la idea es que se implemente esta opción

Pero mas adelante por ahora para tener una solución inmediata