为什么GMail使用可报价打印的编码破坏带有最小化标记/ HTML的电子邮件的内联（CSS）样式？

Question

我收到一封电子邮件，该邮件已被GMail裁剪（大小约为120Kb，根据http://www.adestra.com/avoid-gmail-clipping-emails/，GMail开始以102Kb的速度裁剪邮件）

为了减小电子邮件的大小，我决定尝试使用django-htmlmin和普通ol're.sub re.sub(r'\\n\\s*(\\S)', r'\\1', email_html_content) （使用regex修改标记是讨论另一天）。 这两种技术都使电子邮件大小减少了30％以上，但是这两种解决方案都破坏了GMail中的呈现。 当使用开发工具检查损坏的设计时，似乎某些元素没有得到任何内联样式，显然是随机的。

但是，当我单击“显示原始”以查看原始电子邮件时，我看到该元素的内联样式。

检查原始电子邮件时，我看到它是使用quote-printable格式编码的。 这意味着，即使我的电子邮件在最小化时只有1行，但也会自动插入换行符（ =可打印报价的格式），如上图所示。 其中一些换行符（ =行尾的字符）出现在属性值中间，但是电子邮件客户端似乎忽略了这些换行符，而且我也不认为这是导致渲染中断的原因（即使我的原始电子邮件带有未缩小的标记具有这样的换行符，并且可以很好地显示-根据我的阅读，这是电子邮件规范，建议换行的最大限制为78（？）个字符）。

我在原始电子邮件代码中看到的另一个模式是在一行行之后（每行都由a =分隔），似乎有一个段落由=0D字符分隔。 每个段落的大小都不相同，我找不到任何有关为什么将这些字符插入到一行的最小化标记电子邮件中的任何信息。 可以在下图中看到段落模式：

甚至对于某些标签，此字符也显示为中间属性值，我认为这可能是渲染中断的原因。 我通过使用re.sub(r'\\n\\s*(\\S)', r'\\n\\1', email_body)而不是re.sub(r'\\n\\s*(\\S)', r'\\1', email_body) ，即每个标签（打开或关闭）都放在单独的一行中，而不是将所有内容都re.sub(r'\\n\\s*(\\S)', r'\\1', email_body)在一行中。 这增加了电子邮件的大小，但是摆脱了中属性值出现时的=0D字符。 现在在每一行的末尾，电子邮件呈现良好。

因此，我的问题是，如何缩小电子邮件HTML并仍在电子邮件客户端中生成完整的渲染图？ 是什么导致渲染损坏，我该如何修复它？

Answer 1

我偶然发现了完全相同的问题，尽管我没有使用任何自定义正则表达式模式来缩小html。

事实证明，问题在于某些html解析器（包括gmail）对正在发送的html的行长有限制。

本文很好地解释了正在发生的事情。 就像您注意到的html解析器有他们自己的方式来分割长行和创建新的换行符。 这些方法失败了。

因此，解决方案是通过使所有行不超过特定长度的方式来最小化html电子邮件。

我已经成功地使用这个HTML-minifier （其实我用一口-htmlmin它采用“HTML-minifier”）经过{ maxLineLength: 996 }作为一个选项。

电子邮件不再损坏:)

Answer 2

许多事情在一个或另一个电子邮件客户端中不起作用，但是不幸的是，这比浏览器世界中的更为普遍。 不支持将它们用作安全预防措施，或者因为电子邮件客户端开发人员不愿意实现其支持。

我建议您阅读https://www.campaignmonitor.com/css/作为起点，以确保您的电子邮件能够正确呈现。

Answer 3

我想我明白是什么导致了您的问题。

在您的文件中，您有回车换行符。

通过执行re.sub(r'\\n\\s*(\\S)', r'\\1', email_html_content)您删除了换行符，但保留了回车符，而回车符re.sub(r'\\n\\s*(\\S)', r'\\1', email_html_content)引号的可打印编码方式进行了编码（= 0D ）。 这些字符导致您的问题。 这也是为什么使用re.sub(r'\\n\\s*(\\S)', r'\\n\\1', email_body)可以工作的原因。 问题是由回车时唯一的回车标志引起的-换行对工作正常。

如果我正确理解了删除多余空格的意图，则还应该修改代码以去除回车符：

re.sub(r'\r\n\s*(\S)', r'\1', email_html_content)

这将减少空间，并且不会在解释css文件时引起问题。

话虽如此，将正则表达式改进为类似的东西不是更好：

re.sub(r'\s*\r\n\s*', r'', email_html_content)

这是这样工作的：找到任意数量的空格，回车换行对和任意数量的空白，然后将它们删除，而不是查找任意回车对，任意数量的空白和一个非空白char和将其替换为char。