Avatar for Username

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Hierdie gesprek is in die argief. Vra asseblief 'n nuwe vraag as jy hulp nodig het.

HTML email with image sent to GMAIL shows reduced in GMAIL

  • 1 antwoord
  • 1 het hierdie probleem
  • 3 views
  • Laaste antwoord deur Matt

eurojourney
eurojourney
more options

Hello,

I got to a dead end with the following. I am creating an HTML email using Mozilla Thunderbird to send a flyer to some of my contacts. The flyer is a JPEG file. The DIMENSIONS of the image are W:1000 x H:3555 - meaning this is a very rectangular and long image. I have the image hosted in the same location as my website. I inserted HTML code to include an imagemap to make clickable the area with my website. The email is sent without a problem, it previews ok too, however, when I test with my gmail account the image appears very small, meaning that it fits the screen and since it is so long, it becomes very narrow too. Then, if I include the "width" and "height" attributes in the code and send the email again, I get an email with an image that is extremely pixelated, almost as if the "fit-to-screen" image described before had been zoom in to comply with the W:1000 x H:3555 attributes from the code - this I do not understand since the picture is hosted and not embedded in the email and I have no clue it somehow is automatically reduced. Anyone can help me with this?

The image is in this location: http://miamipropertiesnet.com/wp-content/uploads/2014/11/flyer11-7-14.html

The code used is the following: <map name="image-maps-2014-11-11-134723" id="ImageMapsCom-image-maps-2014-11-11-134723"> <area alt="" title="Miami Properties Network" href="http://miamipropertiesnet.com/" shape="rect" coords="446,3262,852,3296" style="outline:none;" target="_blank" onmouseover="if(document.images) document.getElementById('Image-Maps-Com-image-maps-2014-11-11-134723').src= 'Miami Properties Network - Your One Stop Real Estate Solution';" onmouseout="if(document.images) document.getElementById('Image-Maps-Com-image-maps-2014-11-11-134723').src= 'http://miamipropertiesnet.com/wp-content/uploads/2014/11/Flyer-LPH1-Sayan-11-4-2014-FINAL.jpg';" /> <area alt="" title="" href="http://www.image-maps.com/" shape="poly" coords="822,2719,822,2719,822,2719,822,2719,822,2719,822,2719,822,2719,822,2719,822,2719,822,2719,822,2719,822,2719,822,2719,822,2719,822,2719,822,2719" style="outline:none;" target="_self" /> <area alt="" title="" href="http://www.image-maps.com/" shape="poly" coords="821,2715,821,2715,821,2715,821,2715,821,2715,821,2715,821,2715,821,2715,821,2715,821,2715,821,2715,821,2715,821,2715,821,2715,821,2715,821,2715" style="outline:none;" target="_self" /> </map>

Thank you,

Jorge Munoz

Hello, I got to a dead end with the following. I am creating an HTML email using Mozilla Thunderbird to send a flyer to some of my contacts. The flyer is a JPEG file. The DIMENSIONS of the image are W:1000 x H:3555 - meaning this is a very rectangular and long image. I have the image hosted in the same location as my website. I inserted HTML code to include an imagemap to make clickable the area with my website. The email is sent without a problem, it previews ok too, however, when I test with my gmail account the image appears very small, meaning that it fits the screen and since it is so long, it becomes very narrow too. Then, if I include the "width" and "height" attributes in the code and send the email again, I get an email with an image that is extremely pixelated, almost as if the "fit-to-screen" image described before had been zoom in to comply with the W:1000 x H:3555 attributes from the code - this I do not understand since the picture is hosted and not embedded in the email and I have no clue it somehow is automatically reduced. Anyone can help me with this? The image is in this location: http://miamipropertiesnet.com/wp-content/uploads/2014/11/flyer11-7-14.html The code used is the following: <img id="Image-Maps-Com-image-maps-2014-11-11-134723" src="http://miamipropertiesnet.com/wp-content/uploads/2014/11/Flyer-LPH1-Sayan-11-4-2014-FINAL.jpg" border="0" width="1000" height="3555" orgWidth="1000" orgHeight="3555" usemap="#image-maps-2014-11-11-134723" alt="" /> <map name="image-maps-2014-11-11-134723" id="ImageMapsCom-image-maps-2014-11-11-134723"> <area alt="" title="Miami Properties Network" href="http://miamipropertiesnet.com/" shape="rect" coords="446,3262,852,3296" style="outline:none;" target="_blank" onmouseover="if(document.images) document.getElementById('Image-Maps-Com-image-maps-2014-11-11-134723').src= 'Miami Properties Network - Your One Stop Real Estate Solution';" onmouseout="if(document.images) document.getElementById('Image-Maps-Com-image-maps-2014-11-11-134723').src= 'http://miamipropertiesnet.com/wp-content/uploads/2014/11/Flyer-LPH1-Sayan-11-4-2014-FINAL.jpg';" /> <area alt="" title="" href="http://www.image-maps.com/" shape="poly" coords="822,2719,822,2719,822,2719,822,2719,822,2719,822,2719,822,2719,822,2719,822,2719,822,2719,822,2719,822,2719,822,2719,822,2719,822,2719,822,2719" style="outline:none;" target="_self" /> <area alt="" title="" href="http://www.image-maps.com/" shape="poly" coords="821,2715,821,2715,821,2715,821,2715,821,2715,821,2715,821,2715,821,2715,821,2715,821,2715,821,2715,821,2715,821,2715,821,2715,821,2715,821,2715" style="outline:none;" target="_self" /> </map> Thank you, Jorge Munoz

All Replies (1)

Matt
Matt
  • Moderator
  • Top 10 Contributor
more options

Your issue is with gmail scaling and Not Thunderbird. You could try placing the image into a table and setting the width of the table to image width plus a bit and marking the table as fixed width. But really I am only guessing.