雷俊聪曾经在过去的几年中多次介绍着陆页优化技巧，我们来回顾一下：
- 《着陆页：比起飞更危险的是着陆》《数字营销中的心理学，利用认知偏误提高转化率》《SEM，为什么我的转化率那么低？》《一个合格的互联网美工必须了解的入门知识》
其中，我们多次提到了选图、图片元素对转化率的影响。一幅好的图片显然有助于抓住读者的兴趣并增加转化率。
近日，KissMetrics的博文详细探讨了如何选择Hero Image。Hero Image在Wikipedia的释义如下：
雷俊聪：Hero Image是用于网络设计中描述一种特定Web Banner的专业术语。Hero Image是一种大尺寸横幅图片，通常放在靠前并居中的位置。Hero Image经常是访客第一眼看到的视觉效果，它的用意是呈现网站最重要内容概要。Hero Image往往由图像和文字构成，可以是静态或动态（如幻灯片）的内容。
中文Wikipedia把Hero Image翻译成主页横幅，笔者更倾向于翻译成主题图片，也可以称为Main Picture。这样更适合我们在研究着陆页时进行探讨。
雷俊聪：我们知道访客只需要50毫秒就可以对访问的网站产生第一印象。而人类眨眼一瞬间却需要100~400毫秒。一点不夸张地说，50毫秒的视觉冲击最多只够我们眨半次眼。今天我们要讲的Hero Image就很大程度需要对这50毫秒或者说二十分之一秒负责。
第一印象在第一屏（Fold）。研究表明用户在第一屏花费的注意力占到了80.3%。在《完美的着陆页 Landing Page的终极攻略》中我们通过热力图说明了第一屏的重要性。
Hero Image唯一可以出现的地方就是第一屏，它通常占据了第一屏的大部分区域。尽管Hero Image是为“眼缘”负责的重要元素，但是许多时候我们的设计师却没有花太多精力在上面。
雷俊聪：上图中假设屏幕高度是800像素，我们看到很明显的是800以下外的页面内容获得的关注度要远远少于800以内。
在关注度分布的这个显著区别以外，我们在另一个研究中发现在不信任网站的访客中有94%是由于网站设计相关的原因。
这让我们不得不再重新重视起Hero Image来。因为它正是网站设计的“颜值担当”。
Hero Image的分类Hero Image大致可以分为三类，这三类又相互交错：