web
You’re offline. This is a read only version of the page.
close
Skip to main content

Notifications

Announcements

Community site session details

Community site session details

Session Id :
Power Platform Community / Forums / Power Automate / html to jpg external i...
Power Automate
Unanswered

html to jpg external images not showing

(1) ShareShare
ReportReport
Posted on by

Hello there.
I have a flow that saves the body of some emails as a html file. I'm currently testing something I wanna add to that flow, that is that I want that saved as an image, because what I ultimatly need is to send those images via whatsapp, so it would save me the part of taking the snapshots. 

MelvinOrellana_0-1721168813752.png

So I made this flow to test my idea, and it's working as intended for the most part. but, the emails have some images in their body that are external, and those images don't show in the generated jpeg.

 

It should look like this one

MelvinOrellana_1-1721169247018.jpeg

 

 

 
 
 

But it ends up looking like this

WhatsApp Image 2024-07-16 at 16.35.50.jpg

 

This is an example of the code in the file, is what I recibe from the email.

 

 

 

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><style>
<!--
a
	{color:#178fcf}
-->
</style>
</head>
<body>
 <table width="100%" cellspacing="0" cellpadding="0" border="0" style="border-collapse:collapse; background-color:#fff; min-width:320px; max-width:640px">
 <tbody>
 <tr>
 <td valign="top" style="font-family:Roboto,'Open Sans','Helvetica Neue',Arial,sans-serif; padding:20px">
 <a href="https://globalcomelsalvador.com" target="_blank" style="color:#178fcf; border-width:0; text-decoration:none; display:block; margin-bottom:10px">
 <img alt="" border="0" src="https://avl.globalcomelsalvador.com/api-v2/static/paas/21536/document_logo.png" style="border:0; vertical-align:top; max-height:75px; max-width:200px">
 </a>
 </td>
 </tr>
 <tr>
 <td valign="middle" style="text-align:center; font-family:Roboto,'Open Sans','Helvetica Neue',Arial,sans-serif; text-align:center; padding:0 20px">
 <a href="https://avl.globalcomelsalvador.com/pro/applications/locator/?key=S68cb608f844b666b58ed59fe861b9565_Jq1AK7BZpilz6D&amp;history_id=2462554993">
 <div style="width:100%; background-image:url(https://maps.googleapis.com/maps/api/staticmap?center=13.804973,-87.968552&amp;zoom=15&amp;size=600x300&amp;markers=icon:https%3A%2F%2Favl.globalcomelsalvador.com%2Fpro%2Fassets%2Flocation_marker.png%7C13.804973,-87.968552&amp;key=AIzaSyA8KIkIWqZkMWCN0QNR8EKR9HXJ33CnExA&amp;signature=yddNsRg4FaywMlp1GqlZPnYRN48); background-position:center; height:300px; margin-bottom:20px; margin-top:0"></div>
 </a>
 </td>
 </tr>
 <tr>
 <td valign="top" style="padding:0px 20px 10px">
 <div style="font-family:Roboto,'Open Sans','Helvetica Neue',Arial,sans-serif; vertical-align:top; line-height:1.5em; color:#202020; font-weight:500; font-size:20px">LLEGADA A BASE C1 CORINTO</div>
 <div style="font-family:Roboto,'Open Sans','Helvetica Neue',Arial,sans-serif; font-size:14px; color:#747474">16 jul 2024 16:36:42 </div>
 </td>
 </tr>
 <tr>
 <td valign="top" style="font-family:Roboto,'Open Sans','Helvetica Neue',Arial,sans-serif; font-size:14px; padding:5px 20px 30px">
 <table>
 <tbody>
 <tr>
 <td valign="top" style="font-size:14px; font-family:Roboto,'Open Sans','Helvetica Neue',Arial,sans-serif; vertical-align:top; line-height:1.5em; color:#202020; font-weight:500; padding-right:16px">Objeto: </td>
 <td valign="top" style="font-size:14px; font-family:Roboto,'Open Sans','Helvetica Neue',Arial,sans-serif; vertical-align:top; line-height:1.5em; color:#747474">C1-PG5D8-24 </td>
 </tr>
 <tr>
 <td valign="top" style="font-size:14px; font-family:Roboto,'Open Sans','Helvetica Neue',Arial,sans-serif; vertical-align:top; line-height:1.5em; color:#202020; font-weight:500; padding-right:16px">Empleado: </td>
 <td valign="top" style="font-size:14px; font-family:Roboto,'Open Sans','Helvetica Neue',Arial,sans-serif; vertical-align:top; line-height:1.5em; color:#747474">CARLOS ALONSO MINEROS FLORES </td>
 </tr>
 <tr>
 <td valign="top" style="font-size:14px; font-family:Roboto,'Open Sans','Helvetica Neue',Arial,sans-serif; vertical-align:top; line-height:1.5em; color:#202020; font-weight:500; padding-right:16px">Vehículo: </td>
 <td valign="top" style="font-size:14px; font-family:Roboto,'Open Sans','Helvetica Neue',Arial,sans-serif; vertical-align:top; line-height:1.5em; color:#747474">VW-SAVEIRO-24 P14-5D8 </td>
 </tr>
 <tr>
 <td valign="top" style="font-family:Roboto,'Open Sans','Helvetica Neue',Arial,sans-serif; vertical-align:top; padding-top:20px; line-height:1.5em; color:#202020; font-weight:500; padding-right:16px">Ubicación: </td>
 <td valign="top" style="font-family:Roboto,'Open Sans','Helvetica Neue',Arial,sans-serif; vertical-align:top; padding-top:20px; line-height:1.5em; color:#747474">
 <span></span>Municipio de Corinto, Departamento de Morazán, El Salvador (13.8049733, -87.9685516) 
 <div style="margin-top:5px; font-size:12px">
 <a href="https://avl.globalcomelsalvador.com/pro/applications/locator/?key=S68cb608f844b666b58ed59fe861b9565_Jq1AK7BZpilz6D&amp;history_id=2462554993" style="color:#178fcf; white-space:nowrap; text-decoration:none">Mostrar en el mapa</a>
 </div>
 </td>
 </tr>
 </tbody>
 </table>
 </td>
 </tr>
 <tr>
 <td valign="top" style="font-family:Roboto,'Open Sans','Helvetica Neue',Arial,sans-serif; padding:0 20px 40px; font-size:12px; line-height:1.5em; color:#747474">
 <hr style="border-bottom:1px solid #dddddd; border-top:none; border-left:none; border-right:none; margin-bottom:20px; margin-top:0">&quot;Conexión sin límites&quot;
 </td>
 </tr>
 <tr>
 <td valign="top" align="center" style="color:#747474; font-family:'roboto','open sans','helvetica neue','arial',sans-serif; padding-top:5px">
 <div style="font-size:12px; margin-top:5px">
 <a href="https://avl.globalcomelsalvador.com/?locale=es_ES#/tracker/rule/unsubscribe/eyJ0eXAiOiJKV1QiLCJhbGciOiJSUzUxMiJ9.eyJydWxlSWQiOjg2OTUxOCwiZW1haWwiOiJjZW50cm9kZW5lZ29jaW9zQG9yZWxsYW5hLnRlY2gifQ.YU8YsRjC0w5jURShFJUBuXTo6deWLj77xIhR1W5PLGGJpubdjNLbvAzEwM_aYwi-UhnDD35RsnvfvokDGM-hHkXVktzcLyyckm4eyXLTjeDJYwMqa7vsCByD45qeXyvDkbsh4eAzvNc3f1R8Rj0-ntzQr2huKMZRIiPdTEcImfM" target="_blank" rel="noopener noreferrer" style="color:#178fcf; text-decoration:none; white-space:nowrap">Desactivar notificaciones por e-mail </a>
 <span style="padding:0px 5px">| </span>
 <a href="https://avl.globalcomelsalvador.com/#/notifications/rules/view/869518/notifications" target="_blank" rel="noopener noreferrer" style="color:#178fcf; text-decoration:none; white-space:nowrap">Configuración de notificaciones </a>
 </div>
 </td>
 </tr>
 </tbody>
 </table>
</body>
</html>

 

 

 

 

Please help

Categories:
I have the same question (0)
  • Suggested answer
    SudeepGhatakNZ Profile Picture
    14,394 Most Valuable Professional on at
    Hi

    If external images are not showing when converting HTML to JPG using Power Automate, it's often due to a few common issues, such as network restrictions, image permissions, or the way the conversion process handles external resources. You will need to convert external images to Base64 and embed them directly into your HTML. This way, the images are included as part of the HTML and don't need to be fetched from an external source and then replace your external image URLs with the Base64 encoded strings. 

    <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUA...">
     

    I think you will find it harder to get this achieved via standard connectors. You could try Plumsail or Encodian

     

Under review

Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.

Helpful resources

Quick Links

Forum hierarchy changes are complete!

In our never-ending quest to improve we are simplifying the forum hierarchy…

Ajay Kumar Gannamaneni – Community Spotlight

We are honored to recognize Ajay Kumar Gannamaneni as our Community Spotlight for December…

Leaderboard > Power Automate

#1
Michael E. Gernaey Profile Picture

Michael E. Gernaey 538 Super User 2025 Season 2

#2
Tomac Profile Picture

Tomac 405 Moderator

#3
abm abm Profile Picture

abm abm 252 Most Valuable Professional

Last 30 days Overall leaderboard