Regresar al Blog

Agregar imágenes a Power BI - Este método funciona con imágenes en tu computadora, NO es necesario que estén en la web


Escrito del video

Método original por Zach Conroe: https://www.blue-granite.com/blog/simple-steps-to-embed-images-in-power-bi


Mira cómo aquí puedo usar imágenes para filtrar mis visualizaciones, por ejemplo, si quiero mostrar el logo de mis marcas para aplicar el filtro. Justo en este video vamos a estar viendo cómo puedes agregar imágenes de tu computadora en Power BI y cómo puedes poner utilizar esto en un ejemplo práctico.
Esto que vamos a estar viendo es diferente a agregar una imagen usando la opción de Insertar, o desde una fuente en internet. Sino que son imágenes que están realmente en mi computadora.
Este video lo estoy haciendo porque es común que cuando empiezas a investigar que si como puedes agregar imágenes a Power BI, que veas que solamente se pueden agregar imágenes desde una página web. Pero de hecho con este método vas a poder agregar imágenes que se encuentran localmente en tu computadora. Este método lo leí en el blog de Blue Granite, por Zach Conroe, y voy a dejar el link al post en la descripción del video.
Antes de ver el método, haz clic en el botón de Suscribirse y déjame un comentario para saber qué más quieres aprender.
Puedes ver cómo hacer este Top y Bottom de clientes por Región en otro video que tengo. Porque en este nos vamos a estar enfocando en cómo agregar imágenes desde una fuente local aquí en Power BI.
Y la verdad esto debería de ser más directo de lo que vamos a ver aquí. Pero Power BI no ha diseñado esto así de directo, por lo que vamos a usar una serie de pasos que me voy a asegurar que no los veas confusos.
Primero nos vamos al Query Editor. Agregamos una nueva consulta, de “Folder”. Buscamos el Folder donde tienes guardadas tus imágenes y lo seleccionamos.
En la ventana que aparece, hacemos clic en donde dice “Transform Data”.
Esto va a crear una tabla. Esta tabla tiene varias columnas, pero a nosotros solamente nos interesan las 3 primeras columnas, así que no te preocupes. Por eso voy a eliminar las otras para que no nos distraigan. Ahora tenemos que filtrar que solamente queremos trabajar con archivos tipo “png”, que es la extensión de nuestras imágenes, pero aquí puedes con png o con “jpg”, solo que yo tengo “png”.
Luego vamos a agregar una nueva columna y vamos a escribir la función “Binary.ToText()”. Como primer argumento tenemos que poner la columna que tiene esta palabra “Binary”, y luego como segundo argumento tenemos que poner el tipo de codificación, que va a ser “BinaryEncoding.Base64”. Nuestra fórmula debe de quedar así:
Binary.ToText([Content], BinaryEncoding.Base64)
La agregamos. Y se va a agregar una columna con una codificación, que es una serie de caracteres que representan a la imagen. Ahora tenemos que agregar una nueva columna que voy a llamar “Imagen”. Aquí tenemos que agregar un código que también te lo voy a dejar en la descripción del video. La fórmula que voy a agregar es
"data:image/png;base64, " &
Y después del “&” ponemos la columna con nuestro código binario. Este código va a convertir este texto en una URL, porque así está configurado Power BI para agregar imágenes. Yo uso este porque estoy usando logos con extensión “png”. Si tu estás usando imágenes con extensión “jpeg”, debes de cambiar “png” por “jpeg”. Hacemos clic en Ok.
En esta columna que hemos agregado está la codificación para nuestra imagen, y ahorita vas a ver la imagen. Pero antes, voy a hacer una transformación para poder relacionar esta imagen con la marca que representa. Para eso voy a quitar la extensión del nombre del archivo. Me voy al menú de “Transform”, hago clic en “Split Column” y selecciono “By delimiter”. Así voy a poder decirle que todo lo que está después del punto, me lo ponga en otra columna.
Ahora voy a quitar las columnas que ya no necesito y solamente me voy a quedar con la columna donde está el nombre de la marca y la columna donde está la codificación para la imagen. Cambio el nombre de estas columnas.
Hago clic en “Close and Apply”. Y se va a crear la nueva tabla. Ahora relaciono esta tabla con mi tabla de Productos. Me paso a mi reporte. Y este Slicer que tengo aquí lo voy a convertir a tabla. Que, si te fijas, también sirve como un Slicer porque estas visualizaciones están relacionadas. Pero voy a cambiar este campo, por la columna donde están mis imágenes.
Fíjate cómo aparece el código binario que estábamos trabajando. Ahora lo único que tengo que hacer es cambiar la categoría de estos datos a “Image URL”. Y ¡fíjate cómo tengo los logos para mis marcas!
Ahora, aquí debo mencionarte que este método no funciona con imágenes muy grandes. El límite de tamaño de la imagen está alrededor de 30 kb y son como alrededor de 200px por lado. Por lo que vas a tener que cambiar el tamaño de tu imagen si es más grande que este tamaño.
Si quieres seguir aprendiendo Power BI, puedes seguir viendo más videos de esta lista de reproducción de mi canal, y también me encantaría escuchar de ti. Suscríbete, déjame un comentario o comparte este video. ¡Nos vemos la próxima ocasión! Hasta luego.

Descarga gratis tu guía de Power BI

Te enviaré a tu correo la guía que necesitas tener en este camino con Power BI. No importa si apenas vas comenzando o si ya has hecho varios dashboards.