网页设计中图像格式有哪些?

2016-08-24    分类: 网站建设

说到添加到网站上的图片,大多数网页设计师都选择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头来执行此操作

无论您是使用旧版格式还是提供未来的格式,其目的都是选择合适的图片格式来做出最好的网站效果。您还可以了解如何优化网站上的图片以提高性能和用户体验、也可以了解关于网站建设和开发的服务,查看创新互联官网就可了解这些内容。

本文标题:网页设计中图像格式有哪些?
当前URL:https://www.cdcxhl.com/news0/41650.html

成都网站建设公司_创新互联,为您提供网站维护网页设计公司企业建站营销型网站建设服务器托管全网营销推广

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

成都网站建设公司