网站常用图片JPG PNG GIF哪个好 要如何选择
发布时间：2021-12-28 23:31:09 所属栏目：优化 来源：互联网
导读：如果你运用得好，选对图片，那样便会使网站的整体体验上升，如果你运用得不好，就会引起反效果。下面我通过文件大小等多方面的元素来讲一下网站图片的合理选择。 PNG、GIF、JPG 介绍 GIF 图片 Gif 算是比较老的图片格式了，它的色彩效果最低，用gif保存鲜艳
|
如果你运用得好，选对图片，那样便会使网站的整体体验上升，如果你运用得不好，就会引起反效果。下面我通过文件大小等多方面的元素来讲一下网站图片的合理选择。 PNG、GIF、JPG 介绍 GIF 图片 Gif 算是比较老的图片格式了，它的色彩效果最低，用gif保存鲜艳的图片的话会让你的网站看上去非常可怕。但是gif有着不可忽视的特点：体积小，有着极好的压缩效果，支持动画，并且支持透明效果，虽然这个透明没有PNG的那样渐变透明的强大。动画选gif没错；如果你的图片只有很单调的色彩，没有渐变色，例如只有红蓝两色，那么选GIF最好不过了！例如百度的首页LOGO就是很好的例子，它的大小只有2KB，节省了资源。 baidu logo JPG / JPEG 图片 JPG是数码相机最常用的格式，其特点是色彩还原好，可以在照片不明显失真的情况下，大幅降低体积，所以体积不很大，缺点是不支持透明。照片类的图片，例如网站上的Gallery，你想要张贴出来的自然风景之类，最好都用JPG。但是屏幕截图呢？一会介绍。 photo_jpg PNG 图片 可谓是最适合网络的图片！PNG的优点是，清晰，无损压缩，压缩比率很高，可渐变透明，具备几乎所有GIF的优点；缺点是不如JPG的颜色丰富，同样的图片体积也比JPG略大。但是PNG应该在网站设计上被推广，它是公认的最适合网页使用的图片格式。Google就是一个很好的例子。Google所有站点几乎全部的图片资源都是PNG格式。8位的PNG完全可以替代掉GIF。 google pngs 上图就是Google的LOGO，选择PNG是为了最清晰同时体积更小，并且Google主页的LOGO图片并不是背景透明的，而是白色背景的。既然不是透明的，为什么不选择JPG呢？Google难道没有考虑吗，所以png有其优势。 PNG有着另一个优点，那就是逐次逼近显示(progressive display)：传输图像文件的同时，可以先把整个轮廓显示出来，然后逐步显示图像的细节，即先显示低分辨率显示图像，从模糊到清晰，然后逐步提高它的分辨率。这是一个很好的用户体验。 各方面比较 大小比较：通常地，PNG ≈ JPG > GIF 透明性：PNG > GIF > JPG 色彩丰富程度：JPG > PNG >GIF 兼容程度：GIF ≈ JPG > PNG 注意，IE6下PNG的透明是不能显示的，有其对应的Hack方法。 上一页12 下一页 阅读全文 （编辑：PHP编程网 - 黄冈站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
浙公网安备 33038102330482号