请选择 进入手机版 | 继续访问电脑版
搜索
查看: 7378|回复: 5

EDM邮件模板设计中,如何应对图片屏蔽

[复制链接]

159

主题

193

帖子

2万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
21849

推广达人突出贡献论坛元老喜爱动漫

发表于 2016-4-7 16:09:05 | 显示全部楼层 |阅读模式
邮件中的图片在一些邮件客户端默认不显示的问题,让许多邮件营销人员束手无策。对于邮件设计的人员来说,我们不得不为此做好充足的准备,以减少客户端图片不显示问题给邮件营销带来的负面影响。
在此之前,我们已经有一篇文章分享过Nike的邮件设计是如何应对图片被屏蔽问题的,今天我们再来分享两个更有针对性的案例。
为你的ALT标签设置样式
在设计邮件的时候,为图片添加Alt标签是我们惯用的方法。Alt标签可以在图片被客户端屏蔽后,引导用户深入阅读邮件。
想不想让Alt标签变得更奇妙一点呢?你可以像设计HTML邮件的文本样式一样,通过设置CSS样式来让Alt标签更加有趣。下面是一个在Yahoo! Mail Beta客户端中显示的Alt标签的例子。
我们来让Alt标签变得像标题一样明显,效果会如何?
下面是实现这种样式的代码样例:
Tips:为图片定义固定的宽和高可以确保Alt标签正常显示。没有定义宽高的图片,被屏蔽后会缩成一团,影响Alt标签的展示效果。
Alt标签的CSS样式与Yahoo! Mail, iPhone,Gmail,Apple Mail客户端都是兼容的。Outlook Express客户端比较特殊,只兼容颜色属性。
用HTML/CSS代替图片
说起如何应对邮件客户端图片默认不能自动下载的问题,Pizza Express的邮件设计颇具创意。他们应用了表格嵌套布局以及细致的图片切割方式,避免了由于图片屏蔽造成的页面空白,取而代之的是丰富的背景颜色与文字,这样的邮件不仅让读者兴味盎然去阅读,相信营销效果也不会因为图片不能自动下载而打折扣!
还有更多的邮件设计技巧来应对客户端图片默认不显示的问题,再给大家看一个案例。这封邮件也许第一眼看起来没有什么特别的地方,但你是否知道这是一封没有图片的邮件?设计师通过细致的像素的拼接和HTML代码设计,邮件不仅美观,而且对于客户端的图片屏蔽也能应对自如!
作为邮件设计师,我们必须认真对待图片被屏蔽的问题。发送完全由图片构成邮件的时代已经过去。对于大多数邮件客户端不能自动下载图片的情况,也意味着邮件在预览的时候也不能正常显示图片,这样的邮件很容易被移到垃圾箱或者直接删除。
值得庆幸的是,我们拥有非常实用的办法来应对这种问题,大部分都是容易实现的。如果您还有更好的方法来确保图片在任何情况下都可以正常显示,我们欢迎您的留言!
未来邮件营销网站:http://www.ramuel.com
未来邮件论坛网址:https://bbs.ramuel.com
未来邮件官方微博:http://weibo.com/ufowhy
回复

使用道具 举报

0

主题

21

帖子

20

积分

新手上路

Rank: 1

积分
20
发表于 2016-11-17 15:54:43 | 显示全部楼层
很给力哦
回复

使用道具 举报

1

主题

38

帖子

685

积分

注册会员

Rank: 2

积分
685
发表于 2016-12-31 17:05:36 | 显示全部楼层
谢谢分享!!!
回复

使用道具 举报

0

主题

44

帖子

5086

积分

VIP会员

Rank: 6Rank: 6

积分
5086
发表于 2017-2-8 17:57:59 | 显示全部楼层
牛牛牛 这方法都能想到
回复 支持 反对

使用道具 举报

0

主题

27

帖子

21

积分

新手上路

Rank: 1

积分
21
发表于 2017-11-3 10:18:18 | 显示全部楼层
先顶后看 养成习惯
回复 支持 反对

使用道具 举报

0

主题

10

帖子

22

积分

新手上路

Rank: 1

积分
22
发表于 2018-11-26 09:28:45 来自手机 | 显示全部楼层
这个帖子不错学习了
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

未来邮件论坛

网站简介:本站的工具和脚本都是本公司花大价钱请国外顶尖程序员开发的!专业的邮件营销模式+专业的工具

weixin

联系我们

  • 工作时间:24h
  • 客服电话:15809173878
  • 反馈邮箱:294959388#qq.com
  • 公司地址:陕西省宝鸡市

QQ|Archiver|手机版|小黑屋|网站地图|未来邮件论坛 ( 陕ICP备13001237号-1 )

Powered by Discuz! X3.4 © 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表