文档章节

网页设计图片格式PNG,JPG,GIF的选择

王尘宇
 王尘宇
发布于 2017/09/07 00:05
字数 474
阅读 16
收藏 0
网页设计图片格式PNG,JPG,GIF的选择 GIF优点: GIF最突出的地方就是他支持动画,同时GIF也是一种无损的图片格式,也就是说你在修改图片之后,图片质量并没有损失.再者GIF支持半透明(全透明或是全不透明). 根据Google的说法,GIF适用于很小或是较简单的图片(10×10以下或是3种颜色以下的图片). 缺点 不支持透明,如果图片颜色很多种,特别是有红色的时候,尽量少用gif 不然会失真 PNG优点: PNG包括了PNG-8跟真彩色-PNG(PNG-24 or PNG-32).那PNG相对于GIF最大的优势是: ①通常体积会更小 ②支持alpha(全透明) ③但是我们知道PNG是不支持动画的 ④同时需要留意IE6是可以支持PNG-8的 但是在处理PNG-24的透明时会显示会灰色.相关例子可以参考sitepoint. ⑤,通常图片保存为PNG-8会在同等质量下获得比GIF更小的体积,而全透明的图片我们现在只能使用PNG-24.但是请留意在保存图片在PNG-8与GIF中进行比较.因为定律并不一直正确. JPG优点: JPG所能显示的颜色比GIF,PNG要多的多,同时得到很好的压缩,所以JPG很适用于保存数码照片.但是注意它是一种失真压缩,这意味着你每次修改图片都会造成像素失真. 看了上面的介绍你应该对使用哪种格式保存哪种图片有了大概的了解.简单的说就是: 总结规律:小图片或网页基本元素(如按钮),考虑PNG-8或GIF.照片则考虑JPG.

© 著作权归作者所有

共有 人打赏支持
王尘宇
粉丝 1
博文 450
码字总数 469557
作品 0
西安
photoshop 优化 PNG 图片尺寸大小 终极秘技!

本文由www.qidian4.com发布,作者:斗破苍穹吧   一般来说, PNG 图片比 JPG,GIF 同文件大小的图片更清楚,比 JPG 失真小,而且可以让图片背景透明(IE6 下需要使用hack插件),所以网页设计...

付翔
2011/06/22
0
0
完美在线无损图片压缩-Web Resizer

完美在线无损图片压缩-Web Resizer 42,761 ℃ 13条回复 ←点击评分,有趣指数: 4.50星 此网站属专业网站,一般人用不上,比较适合站长、平面设计、网页设计使用,但这个网站使用起来就非常简...

james_laughing
2016/12/16
6
0
GIF,JPG还是PNG选择合适的图片格式

转自:IT屌丝,码农之家 从某种程度上说,判断一个网页设计师是否优秀,可以从其在WEB开发(或网页设计)中是否合理的采用各种图片格式得出结论。事实上,或许所有人都知道图片存在GIF,JPG和...

it_hack
2013/04/16
0
0
聊一聊几种常用web图片格式:gif、jpg、png、webp

前言 在大多数的web页面中,图片占到了页面大小的60%-70%。因此在web开发中,不同的场景使用合适的图片格式对web页面的性能和体验是很重要的。图片格式种类非常多,本文仅针对几种web应用中常...

antwang
06/27
0
0
jpg、jpeg、png... 的区别

jpg、jpeg、png... 的区别 对于做设计这一行的人来说,这几个图片格式是最常用的,也是最常见的,几乎每一天都要与他们打交道。 刚刚入门的新人通常不知道在什么地方如何使用他们或者说如何更...

DemonsI
前天
0
0

没有更多内容

加载失败,请刷新页面

加载更多

一切都靠大数据:滴滴已封禁4.3万人员、车辆

这段时间以来,滴滴出行相继出炉了各种整改措施,包括自身安全建设和外部社会共建,昨日就刚刚宣布正在筹备建立安全监督顾问委员会。 据媒体最新报道,9月30日,上海市交通委员会执法总队、上...

linuxCool
24分钟前
2
0
awk命令用法介绍

10月18日任务 9.6/9.7 awk 1.awk(上)(下) 1.awk 分段操作功能 指定分隔符,并把第一段打印出来,不会改动文件内容 将所有内容打印出来 awk 没有指定分隔符号,则会默认用空格或者空白字符...

hhpuppy
今天
3
0
Spring Cloud Eureka Server高可用之:在线扩容

本文共 1591字,阅读大约需要 6分钟 ! 概述 业务微服务化以后,我们要求服务高可用,于是我们可以部署多个相同的服务实例,并引入负载均衡机制。而微服务注册中心作为微服务化系统的重要单元...

CodeSheep
今天
2
0
内网esxi主机上安装CoreOS虚拟机

CoreOS是一个为专门运行容器而设计的轻量级linux发行版,旨在通过轻量的系统架构和灵活的应用程序部署能力简化数据中心的维护成本和复杂度。它没有包管理工具,运行容器化应用以提供服务;默...

hiwill
今天
1
0
20181018 上课截图

![](https://oscimg.oschina.net/oscnet/49f66c08ab8c59a21a3b98889d961672f30.jpg) ![](https://oscimg.oschina.net/oscnet/a61bc2d618b403650dbd4bf68a671fabecb.jpg)......

小丑鱼00
今天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部