Firebase Extensions: Redimensionar Imágenes

Una de las nuevas características que viene con Firebase Extensions, lo nuevo que acaba de presentar el equipo de Firebase, es la redimensión automática de las imágenes que se suben a tu bucket, ¿Por qué es bueno esto?

Digamos que tu app permite subir imágenes pero un usuario está intentando subir un archivo de más de 50 MB, ¡Nosotros no queremos eso! Y es aquí donde entra Resize Images de Firebase que nos permite almacenar en nuestro bucket el tamaño de imagen que nosotros configuremos en esta extensión, ¿Pero cómo sirve? Es igual de sencillo que todo lo que tiene que ver con Firebase 🙋🏽‍♂️

Lo primero que haremos, será crear un proyecto (o utilizar alguno que ya tengas para esta tarea)

Después nos iremos directamente al nuevo apartado de extensiones en el dashboard de nuestro proyecto

Acá comienza la magia, solo tenemos que instalar la extensión de nuestra preferencia, en este caso obviamente será “Resize Images”, configuraremos nuestra extensión que creará la función generateResizedImage en nuestro almacenamiento en la nube, agregaremos el (o los) tamaño(s) deseado(s) a redimensionar después de que el usuario suba su imagen y por último un path donde se almacenará el resultado obtenido, ¡Listo, es todo!

Una vez hecho esto, la extensión se instalará y después podremos entrar a nuestro almacenamiento para probar que todo esté bien 😉

Como vemos, al subir nuestro archivo de gran tamaño, se nos ha creado el path resize/ donde al entrar podremos ver el resultado (y el cambio de tamaño que implica usar esta extensión).

Ahora tenemos una imagen redimensionada, con un menor peso y tamaño en unos cuantos clics, sin usar código y en menos de 10 minutos para toda nuestra app 👨🏻‍💻

No te olvides de seguir a la comunidad de Firebase México en Facebook, Instagram y YouTube, happy coding!