Contexto:
Exibir imagens em interfaces de IA conversacional como o Microsoft Copilot Studio pode ser desafiador devido à higienização do sistema de tags HTML. Embora mídias avançadas aprimorem a experiência do usuário, incorporar imagens diretamente em mensagens frequentemente falha devido a restrições da plataforma. Desenvolvedores e criadores precisam de uma solução alternativa confiável para apresentar conteúdo visual dinamicamente em fluxos de bate-papo.

Solução:
Um método inteligente para exibir imagens no Copilot Studio é usar imagens codificadas em Base64 em linha por meio do esquema URI de dados . Essa abordagem envolve codificar a imagem no formato Base64, incorporá-la a uma tag <img> e atribuir a tag a uma variável. Em vez de colocar a tag diretamente no nó "Enviar mensagem" (que é limpo), você a armazena em uma variável, como mostrado na imagem. Em seguida, atribua essa variável ao nó "Enviar mensagem". Essa técnica permite que qualquer imagem — gráficos, ícones, capturas de tela — seja exibida, desde que seja codificada em Base64.

Impacto:
Este método desbloqueia um novo nível de interatividade visual no Copilot Studio, permitindo que os criadores enriqueçam as conversas com imagens dinâmicas. Seja exibindo uma prévia do produto, uma visualização de dados ou um guia do usuário, essa abordagem aumenta a clareza e o engajamento. É um truque simples, porém poderoso, que expande as possibilidades criativas do Copilot Studio sem comprometer a integridade da plataforma.