高分辨率图像增加了网站的吸引力。然而,高像素数并不总是有利的。本文介绍了哪些图像尺寸是最佳的以及如何为您的网站压缩图像。
网络上的图像尺寸 – 为什么它们很重要
高质量照片具有高分辨率。无论它们是您自己的照片还是来自互联网的库存照片 - 宽度和高度超过 3000 像素(像素)的图像并不罕见。这通常不是一件坏事。但是,在网站上使用高分辨率图像可能会导致用户离开该网站。
图像的像素越多,下载到网站访问者设备上的图像文件就越大。在许多网站上,例如在线商店或新闻网站,都会使用大量照片。因此,用户必须加载大量数据,这就是为什么应该调整网站图像大小的原因。
对加载速度的影响
由于无法保证每个位置都有快速的互联网连接,因此如果 圣卢西亚消费者电子邮件列表 必须加载许多大图像,可能会出现“网站无法加载”的经典情况。根据谷歌的一篇文章,如果无法显示所需的内容,典型的用户将在三秒后离开页面 - 没有人希望失去用户或潜在客户。因此,建议尽量减少图像的文件大小,以优化加载速度。
测量加载速度
Google 的“PageSpeed Insights”服务会分析网站加载内容的速度,并对“PageSpeed”进行评分(从 0 到 100)。它还提供改善加载时间的提示和建议。
如果您想了解网站的性能,则应该使用此工具。
优化网络图像
Adobe Photoshop 等专业图形程序适合优化图像。但使用 GIMP 甚至 Microsoft Paint 等免费替代品也可以获得良好的效果。
降低图像的分辨率
最简单、最有效的方法是降低分辨率,即图像水平和垂直方向的像素数。只有一小部分用户拥有超高分辨率显示器 - 因此这么多像素并不值得。网站上最常见的图像尺寸是:
• 800x600 像素(格式 4:3)
• 1024x768 像素(格式 4:3)
• 1280x720 像素(格式 16:9)- 高清
• 1920x1080 像素(格式 16:9)- 全高清
1920 像素宽或更高的照片只能用作标题图形。它们通常延伸到显示器的整个宽度,因此必须具有高分辨率。为了使此类图像的文件大小仍然保持较小,应对其进行压缩。
压缩网站图像
有两种类型的压缩:无损压缩和有损压缩。
通过无损压缩,不会丢失图像信息,并且不存在视觉差异。压缩是通过图像数据的重构来实现的。无损压缩用于PNG 或 GIF 图形等,最适合插图、徽标或图表。
JPG 图像的有损压缩会导致图像质量下降。然而,总是试图保持这些不明显或美观上可以忍受,例如通过给四个相似颜色的像素赋予相同的颜色。如此小的颜色变化几乎不可见。有损压缩仅删除超出人类图像感知能力的图像信息。
建议将照片保存为 JPG 图像,这样可以实现尽可能小的文件大小。这里唯一的缺点是失去了透明度。所以如果你想要一个透明背景的图像,你应该使用PNG格式。
网站的压缩图像理想情况下不应大于 70kb。然而,高分辨率图像仍然可以接受最大 150kb 的文件大小。
检查图像尺寸
如果图像在计算机上,可以右键单击并单击“属性”查看图像大小。在“详细信息”选项卡中,您可以看到以像素为单位的尺寸。
如果图像嵌入在网站上,您可以右键单击以在新选项卡中打开图像。然后,选项卡标题显示图像的分辨率(如果不可见,则必须将鼠标悬停在选项卡上)。
一目了然
图像大小对网站加载速度起着重要作用。您应该确保将分辨率降低到最低限度并保持文件大小尽可能小,以便互联网连接速度较慢的用户在内容无法加载时不会立即离开网站。有时,一些小事情可以帮助赢得客户。