Línea de tiempo para Comprimir Imagen tomada con camara en javascript
Licencia actual CC BY-SA 4.0
9 eventos
cuándo alternar formato | qué | por | licencia | comentario | |
---|---|---|---|---|---|
el 1 abr. 2022 a las 17:23 | comentario | añadido | Triby | Es muy difícil comprimir la imagen pensando el espacio que ocupará en disco, hay muchos factores a considerar como dimensiones, calidad, compresión, etc. Creo que lo mejor que puedes hacer es definir un tamaño máximo (alto y ancho) y redimensionar. Tal vez te sirva esta respuesta. | |
el 1 abr. 2022 a las 15:00 | comentario | añadido | Hernán Garcia | Hay unas librerias para js como cropper que te permiten manipular la imagen, entre otras escalarla. Lo que hacen esas librerias es meter la imagen en un canvas y hacen uso de todos los metodos de la api canvas de js. Croppie es una de las mas completas | |
el 1 abr. 2022 a las 14:12 | comentario | añadido | Agustin Coronel | no hay una funcion a la cual pueda pasarle la cadena que se llama imageenbytes, para que esta la convierta en imagen y despues decirle que tome el width y el height de esa imagen y que la haga mas pequeña de acuerdo al porcentajedereduccion? | |
el 1 abr. 2022 a las 14:00 | comentario | añadido | user274605 | Entonces, hay 2 opciones. Primera opción, probar un valor menor que 100 para la propiedad quality hasta obtener un resultado decente. Segunda opción es usar una librería de JavaScript que se encarga de manipular imágenes. Por ejemplo, CompressJS | |
el 1 abr. 2022 a las 13:52 | comentario | añadido | Agustin Coronel | en este caso si se me redujo el tamaño de la imagen pero no quiero reducirla mas de lo necesario | |
el 1 abr. 2022 a las 13:38 | comentario | añadido | user274605 | En navigator.camera.getPicture(on success, on fail, { AQUI INCLUYES TUS NUEVAS PROPIEDADES } | |
el 1 abr. 2022 a las 13:35 | comentario | añadido | Agustin Coronel | donde agrego eso? | |
el 1 abr. 2022 a las 13:33 | comentario | añadido | user274605 | Reduce el valor de quality. Por ejemplo, cambia 100 a 90. Además, parece necesario indicar el ancho final y el alto final mediante las propiedades targetWidth y targetHeight. Por ejemplo:quality: 80, targetWidth: 150, targetHeight: 100, | |
el 1 abr. 2022 a las 13:18 | historial | formulada | Agustin Coronel | CC BY-SA 4.0 |