Sending an email from a sliced jpeg | Community
Skip to main content
A
Anonymous
October 21, 2015
Solved

Sending an email from a sliced jpeg

  • October 21, 2015
  • 6 replies
  • 3190 views

Hello,

I sliced a jpeg in photoshop, uploaded the slices to Marketo, placed the html into an email and sent multiple tests to different email clients. I also checked the html in Dreamweaver. Everything seems to be fine, but once sent, the email shows up with gaps in between each slice. This doesn't happen when I send the email from any source other than Marketo. Why is this happening and is there anyway to fix it?

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by

I've run into this before.

Add this into any of your image tags:

style="display:block"

Sometimes email clients add spacing to images, that code tells them to leave the image alone.

6 replies

A
Anonymous
Accepted solution
October 22, 2015

I've run into this before.

Add this into any of your image tags:

style="display:block"

Sometimes email clients add spacing to images, that code tells them to leave the image alone.

Grégoire_Miche2
Grégoire_Miche2
New Participant
October 22, 2015

Again try to add

<style>

table, tbody, tr, td {border:none; padding:0;margin: 0; border-spacing: 0}

</style>

In the head section.

-Greg

Grégoire_Miche2
Grégoire_Miche2
New Participant
October 21, 2015

Dan's point is very true.

Now, usually this happens when you email template is missing some html and/or css code to tell it not to add borders and space between cells.

Typically : border:none; padding:0;margin: 0; border-spacing: 0

-Greg

A
Anonymous
October 21, 2015

Thanks for your responses.

Don't get me wrong, I agree with Dan as well. It was the practice of my company to send all emails this way until my coworker and I convinced them to stop, which is why we invested in Marketo. Unfortunately, with this email, I am stuck between a rock and a hard place and don't have an option.

Thanks for your help everyone

Here is the html:

<html>

<head>

<title>StaffingLines_StaffingWorld_Blast_Aug_2015</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

</head>

<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<!-- Save for Web Slices (StaffingLines_StaffingWorld_Blast_Aug_2015.jpg) -->

<table id="Table_01" width="601" height="868" border="0" cellpadding="0" cellspacing="0">

  <tr>

  <td colspan="2" rowspan="5">

  <a href="nsmworkcomp.com/staffing-workers-compensation-insurance/">

  <img src="nsmworkcomp.com/wp-content/uploads/2015/09/StaffingLines_StaffingWorld_Blast_Aug_2015_01.jpg" width="180" height="107" border="0" alt="Staffing Lines"></a></td>

  <td colspan="7">

  <img src="nsmworkcomp.com/wp-content/uploads/2015/09/StaffingLines_StaffingWorld_Blast_092915_02.jpg" width="420" height="7" alt=""></td>

  <td>

  <img src="nsmworkcomp.com/wp-content/uploads/2015/09/spacer.gif" width="1" height="7" alt=""></td>

  </tr>

  <tr>

  <td colspan="2" rowspan="6">

  <img src="nsmworkcomp.com/wp-content/uploads/2015/09/StaffingLines_StaffingWorld_Blast_092915_03.jpg" width="147" height="792" alt=""></td>

  <td colspan="4">

  <a href="mailto:jlporter@nsminc.com">

  <img src="nsmworkcomp.com/wp-content/uploads/2015/09/StaffingLines_StaffingWorld_Blast_Aug_2015_04.jpg" width="256" height="43" border="0" alt="jjlporter@nsminc.com"></a></td>

  <td rowspan="7">

  <img src="nsmworkcomp.com/wp-content/uploads/2015/09/StaffingLines_StaffingWorld_Blast_092915_05.jpg" width="17" height="820" alt=""></td>

  <td>

  <img src="nsmworkcomp.com/wp-content/uploads/2015/09/spacer.gif" width="1" height="43" alt=""></td>

  </tr>

  <tr>

  <td colspan="4">

  <img src="nsmworkcomp.com/wp-content/uploads/2015/09/StaffingLines_StaffingWorld_Blast_092915_06.jpg" width="256" height="31" alt=""></td>

  <td>

  <img src="nsmworkcomp.com/wp-content/uploads/2015/09/spacer.gif" width="1" height="31" alt=""></td>

  </tr>

  <tr>

  <td colspan="3">

  <img src="nsmworkcomp.com/wp-content/uploads/2015/09/StaffingLines_StaffingWorld_Blast_092915_07.jpg" width="105" height="20" alt=""></td>

  <td>

  <a href="tel://800-970-9778">

  <img src="nsmworkcomp.com/wp-content/uploads/2015/09/StaffingLines_StaffingWorld_Blast_Aug_2015_08.jpg" width="151" height="20" border="0" alt="800-970-9778"></a></td>

  <td>

  <img src="nsmworkcomp.com/wp-content/uploads/2015/09/spacer.gif" width="1" height="20" alt=""></td>

  </tr>

  <tr>

  <td colspan="2" rowspan="4">

  <img src="nsmworkcomp.com/wp-content/uploads/2015/09/StaffingLines_StaffingWorld_Blast_092915_09.jpg" width="82" height="726" alt=""></td>

  <td colspan="2" rowspan="2">

  <a href="mailto:jlporter@nsminc.com">

  <img src="nsmworkcomp.com/wp-content/uploads/2015/09/StaffingLines_StaffingWorld_Blast_Aug_2015_10.jpg" width="174" height="20" border="0" alt="jlporter@nsminc.com"></a></td>

  <td>

  <img src="nsmworkcomp.com/wp-content/uploads/2015/09/spacer.gif" width="1" height="6" alt=""></td>

  </tr>

  <tr>

  <td colspan="2" rowspan="2">

  <img src="nsmworkcomp.com/wp-content/uploads/2015/09/StaffingLines_StaffingWorld_Blast_092915_11.jpg" width="180" height="692" alt=""></td>

  <td>

  <img src="nsmworkcomp.com/wp-content/uploads/2015/09/spacer.gif" width="1" height="14" alt=""></td>

  </tr>

  <tr>

  <td colspan="2" rowspan="2">

  <img src="nsmworkcomp.com/wp-content/uploads/2015/09/StaffingLines_StaffingWorld_Blast_092915_12.jpg" width="174" height="706" alt=""></td>

  <td>

  <img src="nsmworkcomp.com/wp-content/uploads/2015/09/spacer.gif" width="1" height="678" alt=""></td>

  </tr>

  <tr>

  <td rowspan="3">

  <img src="nsmworkcomp.com/wp-content/uploads/2015/09/StaffingLines_StaffingWorld_Blast_092915_13.jpg" width="15" height="68" alt=""></td>

  <td colspan="2" rowspan="2">

  <a href="nsmworkcomp.com/staffing-workers-compensation-insurance/">

  <img src="nsmworkcomp.com/wp-content/uploads/2015/09/StaffingLines_StaffingWorld_Blast_Aug_2015_14.jpg" width="216" height="40" border="0" alt="Staffing Lines"></a></td>

  <td rowspan="3">

  <img src="nsmworkcomp.com/wp-content/uploads/2015/09/StaffingLines_StaffingWorld_Blast_092915_15.jpg" width="96" height="68" alt=""></td>

  <td>

  <img src="nsmworkcomp.com/wp-content/uploads/2015/09/spacer.gif" width="1" height="28" alt=""></td>

  </tr>

  <tr>

  <td rowspan="2">

  <img src="nsmworkcomp.com/wp-content/uploads/2015/09/StaffingLines_StaffingWorld_Blast_092915_16.jpg" width="73" height="40" alt=""></td>

  <td colspan="4" rowspan="2">

  <a href="staffingworld.org">

  <img src="nsmworkcomp.com/wp-content/uploads/2015/09/StaffingLines_StaffingWorld_Blast_Aug_2015_17.jpg" width="200" height="40" border="0" alt="www.staffingworld.org"></a></td>

  <td>

  <img src="nsmworkcomp.com/wp-content/uploads/2015/09/spacer.gif" width="1" height="12" alt=""></td>

  </tr>

  <tr>

  <td colspan="2">

  <img src="nsmworkcomp.com/wp-content/uploads/2015/09/StaffingLines_StaffingWorld_Blast_092915_18.jpg" width="216" height="28" alt=""></td>

  <td>

  <img src="nsmworkcomp.com/wp-content/uploads/2015/09/spacer.gif" width="1" height="28" alt=""></td>

  </tr>

  <tr>

  <td>

  <img src="nsmworkcomp.com/wp-content/uploads/2015/09/spacer.gif" width="15" height="1" alt=""></td>

  <td>

  <img src="nsmworkcomp.com/wp-content/uploads/2015/09/spacer.gif" width="165" height="1" alt=""></td>

  <td>

  <img src="nsmworkcomp.com/wp-content/uploads/2015/09/spacer.gif" width="51" height="1" alt=""></td>

  <td>

  <img src="nsmworkcomp.com/wp-content/uploads/2015/09/spacer.gif" width="96" height="1" alt=""></td>

  <td>

  <img src="nsmworkcomp.com/wp-content/uploads/2015/09/spacer.gif" width="73" height="1" alt=""></td>

  <td>

  <img src="nsmworkcomp.com/wp-content/uploads/2015/09/spacer.gif" width="9" height="1" alt=""></td>

  <td>

  <img src="nsmworkcomp.com/wp-content/uploads/2015/09/spacer.gif" width="23" height="1" alt=""></td>

  <td>

  <img src="nsmworkcomp.com/wp-content/uploads/2015/09/spacer.gif" width="151" height="1" alt=""></td>

  <td>

  <img src="nsmworkcomp.com/wp-content/uploads/2015/09/spacer.gif" width="17" height="1" alt=""></td>

  <td></td>

  </tr>

</table>

<!-- End Save for Web Slices -->

<div style="width:600px;">

<p style="font-family:Arial; font-size:10px; color:#777; text-align:left;">Disclaimer: Use of email is inherently insecure. NSM Insurance Group (NSM) does not guarantee the accuracy of any email or email attachment that an email will be received by NSM or that NSM will respond to any email. </p>

<p style="font-family:Arial; font-size:10px; color:#777; text-align:left;">This email message is confidential and/or privileged. Use of the information contained in this email by anyone other than the intended recipient is strictly prohibited. If you have received this message in error, please notify the sender immediately and promptly destroy any record of this email. </p>

<p style="font-family:Arial; font-size:10px; color:#777; text-align:left;">The information transmitted in this email and any email attachments does not necessarily represent the views of NSM. We have made all reasonable efforts to ensure that this email and any attachments are free from viruses but it is the responsibility of the recipient to carry out all necessary virus checks and NSM accepts no liability in connection therewith. In California, Insurex is "NSM P&C Insurance Marketing”.  In New York, NSM Insurance Group is “NSM Insurance Services" .</p>

<p style="font-family:Arial; font-size:10px; color:#777; text-align:left;">This e-mail was sent by: NSM Insurance Group, Inc. 555 North Lane, Suite 6060, Conshohocken, PA 19428.</p>

<p style="font-family:Arial; font-size:10px; color:#777; text-align:left;">To opt-out of receiving these emails, <a href="nsminc.com/privacy.aspx">click here</a>.</p></div>

  </div>

</body>

</html>

Justin_Cooperm2
Justin_Cooperm2
New Participant
October 21, 2015

Ok, how does it look in other platforms. Can you post screenshots.

There's also an extra </div> in there...

Justin_Cooperm2
Justin_Cooperm2
New Participant
October 21, 2015

Can you post the code as Josh mentioned? Otherwise, I am not sure what you're trying to do. I can let you know what is happening.

Dan_Stevens_
Dan_Stevens_
New Participant
October 21, 2015

I would highly discourage you from using images as your sole email content.  Not only does this approach severely affect your deliverability rates (since most spam prevention filters use a ratio of images to text as a basis), but those that don't have images turned on, will not see your email content.  I don't know if this is the approach you're using, but just thought I'd provide some insight if you are.

    Josh_Hill13
    Josh_Hill13
    New Participant
    October 21, 2015

    Mike,

    I've never heard of a sliced jpeg or how you are adding it to the email. Can you post screenshots or html code?

    How are you loading this into Marketo? Are you using Replace HTML?

    Terms & ConditionsAccessibility statement

    Loading footer...