如何通过优化你的网站图像来获得更多的线索

有很多关于如何从你的网站获得更多线索的建议:建立一个直观的转换路径，将表单放在折叠之上，使您的呼叫动作脱颖而出，脱颖而出。

但有时候你可以做一些简单的优化，从而对你的转化率产生巨大的影响。

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

图像的文件大小如何影响生成?

这很简单。如果您有一个带有700KB图像的登录页面，那么加载该页面的时间将比使用30KB图像的页面更长。当一个网页需要很长时间加载时，会发生以下情况:

当一个人粉碎他们的电脑离开你的登陆页面，而不是在你的表单上转换，你错过了一个引子，增加了你的跳出率。

数据证明，更快的页面加载时间可以提高转化率

对于此测试，由于我们使用的巨型图像文件，我占据了Hubspot的网站上的十个加载到最慢的登陆页面，并使用Google Analytics在这些页面上优化图像之前和一个月的一个月和一个月中编译数据。以下是结果：

图片尺寸=在KB |页面加载时间=在秒内|CVR.=转换率

如您所见，每个单个着陆页面上的转换率会增加。这平均转换率增加了11%，从31.8％到35.6％。这是每100名访客的四个额外的领导者，我们之前不会得到。

在10个页面中，有8个页面的页面加载时间得到了改善。有一件事要记住的是，一些慢点可能会严重扭曲数据。例如，如果我们有5个访问者的互联网连接速度非常慢，那么页面加载时间可能会比大多数访问者的网页加载时间看起来更糟糕。有些因素是你无法控制的。但正如您所看到的，总体趋势显示页面加载速度下降，而转换率上升。

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

减少图像的文件大小的最佳方法，同时维护图像的视觉美学（例如，不使它看起来像一个像素化混乱）是使用Photoshop。我知道你们中的许多人都不会有Photoshop，所以下面的说明我将链接到一些替代解决方案。

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

您不需要所有额外的空间。您可以使用HTML / CSS在登陆页面上的图像周围添加额外的填充。在photoshop，你可以消除额外的白色空间的作物工具。

2）使图像尽可能小，因为它需要出现在屏幕上。

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

3）使图像透明。

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

其他时间更复杂。如果您的图像只有单层，则右键单击该图层并单击来自背景的层。

然后使用Magic Wand，Polygonal Lasso或快速选择工具选择白色背景。选择白色背景后，删除它。然后，你会有一个透明的图像。

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

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

优化图像尺寸的替代方法

如果你没有Photoshop，还有其他方法可以缩小你的图像大小，但你可能会失去对图像质量的控制。这里有一些你可以使用的资源:reybet雷竞技下载

• 图像优化-另一个免费的在线图像优化
• 演示文稿- 您还可以使用PPT压缩图像。这是官方文件。

想要分享这篇文章？以下是一些现成的推文：

点击推文：How to Get More Leads by optimization Your Website Images - http://hub.am/QDfn1e by @DianaUrban at @HubSpot #marketingtip

点击推文：即使是最小的网站调整也能给你带来更多线索。看看如何调整图像大小可以帮助你的#领导一代战略- http://hub.am/QDfn1e

点击推文：您是否知道减少图像尺寸可以让您更多领导？这是如何 - http://hub.am/qdfn1e #marketingtip #webdesign