说到添加到网站上的图片，大多数网页设计师都选择jpeg，png jpeg-xr，webp和gif这几种格式等等。但确定哪一个是正确的、合适的是一个略有难度的事。为了找到图像的最佳格式，让我们看看具体每个图片格式。本文谈谈网页设计中图像格式有哪些？
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备份以确保您网站的所有访问者都可以查看图像是很重要的。您可以在客户端使用新的<picture> / <source type>模式或在服务器上使用内容协商的http accept头来执行此操作
无论您是使用旧版格式还是提供未来的格式，其目的都是选择合适的图片格式来做出最好的网站效果。您还可以了解如何优化网站上的图片以提高性能和用户体验、也可以了解关于网站建设和开发的服务，查看官网就可了解这些内容。