Email with photo, the photo are compressed, how to solve?

[sunny.zhang]

Please help , Thanks

I need to send an individual email to everyone, and each email has its own photo. I change the email template to HTML and set Pic as variable, The size of the photos is different, and some of the photos are compressed and deformed after uploading. How can I solve this problem?
Email template as below, Yellow highlight is a picture.

[argin.lerit]

@sunny.zhang

Can you please share the HTML code you use to create the email. I’m looking for any hardcoded value on the width/height property of the image element which could be causing this.

Thanks!!

[Anil_G (Anil Gorthi)]

@sunny.zhang

Please use create html content activity …and then create the email content as needed and use the output in the body with isbodyhtml check

Now for image size…after inserting …you can click on <\> in create html content activity to switch between ui and html code…and in html code…find the tag for image and use width and height properties and provide values as you need…this way the image will be in same height and width always

Cheers

[sunny.zhang]

Thanks for your help, Pls see the part of codes as below, Each photo size is different, and I set photo link as a variable, How to set photo size?

This is photo link: https://hkapppwv639.asia.pwcinternal.com/upload/review/2020/xLos/CPDbanner/SunnyBanner/MarathonNoTrainingRecord/[OutPutName].png

Code as below:

<v:path o:extrusionok=“f” gradientshapeok=“t” o:connecttype=“rect”/>
<o:lock v:ext=“edit” aspectratio=“t”/>
</v:shapetype><v:shape id=“Picture_x0020_14” o:spid=“_x0000_i1025” type=“#_x0000_t75”
alt=“Table Description automatically generated with medium confidence”
style=‘width:612pt;height:404.5pt;visibility:visible;mso-wrap-style:square’>
<v:imagedata src=“https://hkapppwv639.asia.pwcinternal.com/upload/review/2020/xLos/CPDbanner/SunnyBanner/MarathonNoTrainingRecord/[OutPutName].png” o:title=“Table Description automatically generated with medium confidence”/>
</v:shape><![endif]–><![if !vml]><![endif]><o:p></o:p>

 

Please note that remedial eLearn for most of the sessions are available.  Please check details via Marathon Tournament site.

 

<span style='font-size:12.0pt;

[argin.lerit]

@sunny.zhang

Thanks for the code. The first approach I would try is remove the width and height in this part of the code:

@sunny.zhang

<v:shape id=“Picture_x0020_14” o:spid=“_x0000_i1025” type=“#_x0000_t75”
alt=“Table Description automatically generated with medium confidence”
style=‘width:612pt;height:404.5pt;visibility:visible;mso-wrap-style:square’>

Like this:

<v:shape id="Picture_x0020_14” o:spid=“_x0000_i1025” type=“#_x0000_t75"
alt="Table Description automatically generated with medium confidence"
style='visibility:visible;mso-wrap-style:square'>

What this can do is allow the image to take the same width/height it has and maintain the aspect ratio (not stretched).

If that results to too big/small images. Keep the width attribute like this:

<v:shape id="Picture_x0020_14" o:spid="_x0000_i1025" type="#_x0000_t75"
alt="Table Description automatically generated with medium confidence"
style='width:100%;visibility:visible;mso-wrap-style:square'>

Hope this works for you! Thanks

[sunny.zhang]

That works, Thanks for your kindly help. Have a nice day~

[sunny.zhang]

Thanks for your kindly help, My question has resolved, Have a nice day~