htmlgmailhtml-emailemail-clientyahoo-mail

How to make an email, with content more than 102kB, consistent and regular in Gmail and Yahoo-Mail?


I'm trying to send an e-mail containing HTML content. Gmail and Yahoo has a limit of approximately 102kB. The e-mail clients clip/crop the e-mail if the content of the e-mail is above 102kB. However, they provide a link to open the complete e-mail.

I'm trying to understand how this clipping happens as random clipping is problematic for my use-case. The e-mail when clipped looks very ugly and irregular. I'm looking for a solution using which I can write the HTML in such a way that even if the e-mail gets clipped, the content doesn't look inconsistent.

Below is a screenshot of an e-mail which got clipped by Gmail:

Email getting clipped by Gmail

<td valign="top">

As you can see that the above tag is visible in the email. This is unexpected and I want to remove all such irregularities.

Can someone please suggest a method by which I can make the e-mail consistent even if it gets cropped/clipped?

Note : This question is for scenarios where the size is definitely more than 102kB and the e-mail will surely get clipped.

Thanks!


Solution

  • This github page that shows different scenarios of testing done to determine the size emails get clipped at. The result was 100 Kb (or 102 Kb on drive).

    Summary of the tests from GitHub page:

    Test 1:
    400 tables and 400 style tags.
    Test email clipped at the 181th table

    Test 2:
    Only the 400 tables.
    Test email clipped at the 254th table.

    Test 3:
    400 tables (each with an HTML data attribute on each example: ).
    Test email clipped at the 223rd table

    There is no absolute method to keep emails consistent 100% of the time if clipping occurs. In short the tables will gave to be structured in a way that HTML file size is at 100kb/102kb file size for truncating not to occur.