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

This thread was archived. Please ask a new question if you need help.

HTML email with image sent to GMAIL shows reduced in GMAIL

  • 1 reply
  • 1 has this problem
  • 3 views
  • Last reply by 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.