Skip to main content

Notifications

Power Automate - General Discussion
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

  • Suggested answer
    SudeepGhatakNZ Profile Picture
    SudeepGhatakNZ 14,231 on at
    html to jpg external images not showing
    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

Microsoft Kickstarter Events…

Register for Microsoft Kickstarter Events…

Announcing Our 2025 Season 1 Super Users!

A new season of Super Users has arrived, and we are so grateful for the daily…

Announcing Forum Attachment Improvements!

We're excited to announce that attachments for replies in forums and improved…

Leaderboard

#1
WarrenBelz Profile Picture

WarrenBelz 145,434

#2
RandyHayes Profile Picture

RandyHayes 76,287

#3
Pstork1 Profile Picture

Pstork1 64,722

Leaderboard