我司前端攻城狮就坐我对面
每次找他切图总是被嘲讽怎么破？
今天本E教你用2分钟堵住前端攻城狮的嘴:x

今天就到这里吧。

众所周知，很多时候，由于很多有关部门的原因，HTML格式的电子邮件广告图片是不会主动显示的（没错，本E今天黑的就是Outlook）。结果你精心设计的邮件就变成了这样：

或者这样：

要不就这样：

目睹精心做的邮件被404NotFound了的设计师们的内心：

今天就由ExpertSender™的HTML大咖设计师——E条鱼带你们开车：

如果你的邮件中图片都被各种邮箱客户端或ISP (邮箱服务商)  不可名状了，作为营销人员的你到底该怎么做？

某邮件营销小白：老司机带带我，邮件本来就以信息承载量大著称，没图我说个毛线啊？

E条鱼大师：年轻人，你听说过一种我们人类恨之入骨的黑科技——马@赛@克吗？

某EDM经理：Masaic, 我英语八级日语十六级，肯定认识。可邮件图片被屏蔽和马赛克有什么关系呢，大师？

E条鱼大师：图可写实，亦可赛艇，不是，是亦可表形。我们拿被屏蔽的图片色块就可以解决问题。请上眼，并开脑洞猜猜看这是什么：

EDM经理抢答：M记巨无霸？

E条鱼大师：然也。

某EDM经理：E大师，您的话配这个图让我茅厕顿开啊（哦不，是矛盾侧开啊，果真“色即是图，图即是色”。

E条鱼大师：没错，屏蔽图片不要紧，因为还会剩下背景色，用图片的背景色我们可以组成马赛克图画一般的“表形简图”，这种艺术又叫做“像素画” 。（脑补不可描述的超级马里奥蹦起来顶了个大蘑菇并吃掉。）

下面让我们开启看图说话模式：
1. 乐高

↑【左】屏蔽【右】显示↑

乐高积木在解决图片未能在邮件中成功加载的问题时，把一个完整的图片拆分多个部分，并对每个部分设置补充文字说明”alt”和背景颜色”bg-color” 。即使图片未加载，也可通过这些预制文案、背景色块来向收件人传达营销创意。认为这样做不但没有降低营销效果，反而会激发收信人的好奇心，促使他们去点击链接或直接访问官网。
2. 麦当劳：

↑【左】屏蔽【右】显示↑

M记在向收件人发送新品上市邮件广告时，同样利用不同背景颜色的色块组合来表示可能被屏蔽的图片（两种冰咖灰）。多数情况下，当用户收到邮件后会意识到邮件中未加载的图片是两杯从未见过的饮品。因此，既可促收件人去主动加载图片了解新品，亦可让收件人回忆起以前收到的邮件广告中也可能错过了类似这样的创意。

3.哈维尼克尔斯百货（蹭IP的功力给打130分）

↑【左】屏蔽【右】显示↑

一般来说，收件人出于防范垃圾邮件的考虑，不会去手动加载邮件中的图片。但是哈维尼克尔斯充分利用了补充文字（”alt”），在图片未加载时就可以巧妙的显示邮件的主题。（E条鱼老师插话：多亏不是土库曼斯坦国旗。。。

4. 某pizza店（品名不详）

↑【左】屏蔽【右】显示↑

在邮件中使用大段的文字的结果就是太长不看。而为了激发收件人主动查看邮件中的图片，他们选择了才有不同颜色、水平排列的条纹来表示邮件中尚未加载的高脚杯。对于大多数收信人来说，他们都会主动的点开未被加载的图片，来查看这些条纹究竟代表了什么。所以，请充分利用表格table元素的背景颜色bg-color属性和其他属性来为自己的邮件增加趣味。

5. 最后擎天柱有话说

↑图片正常显示↑

↑图片被邮箱屏蔽↑

在上图中，一款新游戏上线会完整的显示在我们面前。但是，如果收件箱中没有主动加载图片，你也会直观的看出这是一个汽车人【博派】的徽章（【狂派】捶胸）。这是PlayStationStore精心设计的一封邮件，也是一次成功的营销。此后，这封邮件在各大社交媒体上受到热议，所以它实际带来的效果和影响远远超过了这次邮件营销活动本身。

最后威震天也有话说：

Outlook你给我过来！

今天就到这里吧。

今天Expert就来给大家讲述一个不幸的故事（小板凳搬好了吗）。

之前一个客户（密）非常不幸的给400w注册用户发送了错误的邮件内容。当然这个错误很快的就被Experts抓出并反映给了客户。一反内疚的情绪，他们以将损失最小化为原则提出了一个非常机智的方法：

“一个兢兢业业满脑子都是工作背锅的员工（Boss：这样的员工给我来一打）正在享受海边假期时，却不小心发送出了这封错误邮件。”

这家公司最终决定将这个故（tào）事（lù）放在致歉邮件中，并征求用户的意见：

我们是否应该原谅这个工作狂的失误？

这锅我背了TAT

出乎意料的是，这封致歉邮件收到大量的积极反馈。一部分用户回复“这哥们喝高了吧”表示调侃，更多的用户希望这个员工可以得到

原谅并给他追加几天假期好好享受（Expert懵逼脸？）Anyway，这位背锅的仁兄最终成为了公司的吉祥物并经常出现在公司日后的活动宣传中。

然鹅，在某些特殊的情况下，我们并不是每次都可以优雅地挽回我们的面子。

困境：我们确实发送了一封错误的邮件

可能各位看官并没有遇到过给大量用户发错邮件的窘况，但是没有人可以保证下次不会陷入同样的错误中，事先调整心理预期有助于更加冷静的面对灾难式的后果。万一有什么紧急措施可以保全脸面呢？

Experts会这么做：评估损失并进行必要的后续补救措施

在错误发生之后，最必要的一步便是对错误的大小及所造成的损失进行完善的评估。是否发送给了错误的收件人？是否使用了错误的标题？错误的链接？排版失误？亦或是错误的offer？以上种种情节都需要不同的应对方式才能将损失最小化。

什么是能做的，什么是无力改变的：最坏的与最好的情况

1. 错误的收件人

如果发送给了错误的收件人，可能真的没有什么补救的办法了（这不废话..）。

2. 错误的内容：

（标题，主体内容，图片与链接）

然鹅，如果不小心发送了错误的邮件内容，还是有一些可以补救的方法。我们可以帮助修改已经发出去的邮件的部分内容，比如其中的图片以及链接。因为邮件中的图片是储存在服务器上的，只需用正确的图片替换掉错误的就可以完美解决，当然文件名必须是相同的。而链接这可以通过外部服务器重新指向正确的地址。

这些就是能做的事和无力改变的事。

那么一个后续跟进的邮件是否必要？

如果这封邮件出现了排版/文字错误，这或许会有点尴尬，但最好的办法只有不再考虑后果让它过去吧【Let it go~Let it go~】。另一种情况下，如果这封邮件使用了错误的语言或抛出了错误offer，一个后续的致歉邮件则是很必要的。

如果出现了第二种情况的话，我们必须非常迅速的做出反应，这样一来用户或许可以在查看错误邮件之前，就已经收到纠正错误的后续邮件。而这封后续邮件的标题应当非常清晰简洁，例如：【改正】，【第二稿】，并应该在邮件的开头清晰注明上一封邮件的错误。

成功的案例永远不缺乏幽默

就像文章开头的例子一样用一个轻松的故（tào）事（lù）俘获了大多数用户的心。

提前预防总好于亡羊补牢

总的来说，提前预防可能会出现的错误总是好于错误出现之后再去止损。在每次发送之前是否准备了一份发送前的检查清单？【关于检查清单的更多详情请戳【这里】，英文原味的email checklist干货分析】

以及，是否在每次发送邮件都会有专属人员来检查发送名称，发送地址，标题，链接，退订链接，主题内容，个性化动态内容以及收件人们？不要等到无比愧疚时才想起谨慎检查的必要性。

今天就到这儿吧。