说到新增到网站上的图片,大多数 WooCommerce 独立站网页设计师都选择 JPEG,PNG JPEG-XR,WebP 和 GIF 这几种格式等等。但确定哪一个是正确的、合适的是一个略有难度的事。为了找到影像的最佳格式,让我们看看具体每个图片格式。本文谈谈 WooCommerce 独立站网页设计中影像格式有哪些?
JPEG
在使用超过 25 年,JPEG 是一个标准,经受住了时间的考验。 JPEG 非常适合压缩连续色调影像,如照片,它们具有许多颜色并且它们之间是平滑过渡。然而,JPEG 不适合压缩具有清晰边缘或高能量的图片,噪声纹理的影像,并且会导致在锐利边缘周围或精细细节处被模糊。
GIF
在网络的早期,如果影像不是 JPEG,它是一个 GIF 。 GIF 格式适合于压缩具有大块相同或重复资料的影像。因此,只有很少的颜色影像,在宽条带中,在它们之间具有尖锐转变的影像可以作为 GIF 有效地和无损地储存。 此外,格式支持透明度和动画。
因为它有一个 256 色限制,GIF 不宜采用压缩影像,甚至中等数量的颜色。 将超过 256 种颜色的影像转换为 GIF 会不好看。 所以,虽然 GIF 最初用于各种影像,而今天,只有当需要动画时才考虑 GIF 影像。
PNG
PNG 擅长与 GIF 相同类型的影像,但它提供了一些额外的好处。 例如,没有 256 色限制,该格式具有优越的压缩性。它还支持 alpha 通道透明度,这使得画素部分透明,而不是简单的全透明或完全不透明。
最后,对于具有清晰边缘和宽幅纯色或精确重复图案的影像,PNG 将优于 GIF 。然而,当它涉及到照片,它会比 JPEG 更差。
WebP
WebP 是谷歌的 WebM 视频格式的一个分支。它采用 PNG 格式使用的简单预测策略到一个新的水平。 WebP 对影像中的每个(可变大小)块使用多达十六种不同的预测策略之一,并且可以无损地或有损地压缩预测值和实际值之间的残差。
因此,WebP 提供了很大的灵活性。它适用于各种各样的影像(如果您选择其无损设置的图形,如果您有损失摄影),一般提供比 PNG 或 JPEG 更好的压缩。缺点:它目前仅支持两个主要的浏览器:Chrome 和 Opera 。
JPEG-XR
微软的下一代格式的选择是 JPEG-XR 。它在 JPEG 压缩的基本机制之上层叠了一系列新技术,实现无失真压缩,更有效的有失真压缩和 alpha 通道半透明。像 WebP 一样,JPEG-XR 比它的前辈更复杂,效能更好,但支持不太好。现在,该格式仅在 Internet Explorer 和 Edge 中受支持。
这些下一代格式提供了许多承诺,但由于其支持的限制,提供 JPEG 或 PNG 备份以确保您网站的所有访问者都可以检视影像是很重要的。您可以在客户端使用新的
无论您是使用旧版格式还是提供未来的格式,其目的都是选择合适的图片格式来做出最好的网站效果。您还可以了解如何 WordPress 优化网站上的图片以提高效能和多用户体验、也可以了解关于 WordPress 外贸独立站网站建设和开发的服务,检视跨飞独立站 WooCommerce 官网就可了解这些内容。