图像有很多关于如何从你的网站获得更多线索的建议:建立一个直观转换路径,将您的表格置于折叠上方,用对比色突出您的行动号召,等等。

但有时你可以进行一些简单的优化,这些优化可能会对你的转化率产生不那么明显的影响。

这里有一个不太明显的:通过减少你的着陆页面图片的文件大小,你可以提高转化率,并获得更多的线索。

一个图像的文件大小如何影响客户?

这很简单。如果您有一个带有700KB映像的着陆页面,那么页面加载的时间将比使用30KB映像的页面要长。当一个网页需要很长时间加载时,就会发生这种情况:

frustrated-computer

当一个人砸了他们的电脑离开你的登录页面而不是在你的表单上转换,你错过了一个线索,并增加了你的跳出率。

数据证明更快的页面加载时间增加了转化率

在这次测试中,由于我们使用了巨大的图像文件,我在HubSpot网站上选取了10个加载速度最慢的登录页面,并使用Google Analytics编译了优化这些页面上图像前一个月和优化后一个月的数据。结果如下:

页面加载数据图像大小=以KB为单位|页面加载时间=以秒为单位|CVR=转换率

如您所见,每个登录页上的转换率都有所提高。这个平均转化率上升了11%,由31.8%上升至35.6%。这意味着每100名访客就有4条额外的线索,这是我们以前无法获得的。

10个页面中有8个页面的加载时间得到了改善。要记住的一件事是,几个慢点可能会显著地扭曲数据。例如,如果有5个访问者的网络连接速度非常慢,那么页面加载时间可能会比大多数访问者的情况更糟糕。有些因素是你无法控制的。但正如你所看到的,总体趋势是页面加载速度下降,转化率上升。

你如何优化你的图像的文件大小?

在保持图像视觉美感的同时减少图像文件大小的最佳方法是使用Photoshop。我知道你们中的许多人不会使用Photoshop,所以在这些说明下面我将链接到一些替代解决方案。

1)裁剪掉图像周围的所有空白。

你不需要那么多额外的空间。您可以使用HTML/CSS在登录页上的图像周围添加额外的填充。在Photoshop中,u使用裁剪工具以消除多余的空白。

优化-image-1

2) 使图像尽可能小,以显示在屏幕上。

默认情况下,你的高清图像可能是2000像素宽。那太大了。在大多数登陆页面上,你的电子书图像将显示为不超过300像素宽。在Photoshop中,单击图像>图像大小>编辑宽度. 输入较小的宽度,例如300。编辑宽度之前,请确保选中“约束比例”。

优化-image-2

3) 使图像透明。

删除图像后面的白色背景。有时,它就像删除白色背景层一样简单。

优化-image-3

其他时候更复杂。如果您的图像只有一个图层,请右键单击该图层并单击背景层.

优化-image-4

然后使用魔杖、多边形套索或快速选择工具选择白色背景。选择白色背景后,将其删除。然后,您将获得一个透明图像。

优化-image-5-1

4) 将图像另存为PNG-8文件。

现在保存图像在最小的文件大小可能不影响图像的视觉质量。在Photoshop中,单击文件>保存为网状物然后选择PNG-8点击保存. 以下是我的设置:

优化-image-6

优化图像大小的替代方法

如果你没有Photoshop,还有其他方法来减小你的图像大小,但你可能会失去对图像质量的控制。这里有一些你可以使用的资源:bob体育苹果系统下载安装

想分享这个帖子吗?以下是一些现成的推文:

点击推特:如何通过优化你的网站图片来获得更多的客户- http://hub.am/QDfn1e由@DianaUrban在@HubSpot #marketingtip

点击推特:即使是最小的网站调整也能给你带来更多的机会。看看图片大小如何有助于你的#LeadGeneration策略- http://hub.am/QDfn1e

点击推特:你知道缩小你的图片尺寸可以获得更多的潜在客户吗?以下是如何-http://hub.am/QDfn1e #营销技巧#网站设计

潜在客户开发免费指南

最初发布于2014年4月4日下午2:00:00,更新于2017年2月1日

话题:

图像