文档章节

网页设计图片格式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
Web应用程序中关于图片的使用

Web应用程序中关于图片的使用 JPG:以24位颜色存储单个光栅图像 优点: 1. 与平台无关 2. 适合摄影作品和写实作品 3. 它支持最高级别的压缩,可提高或降低压缩的级别 4. 渐进式JPEG文件交错 ...

吞吞吐吐的
2017/09/08
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

异步化,高并发大杀器

今天来聊聊如何让项目异步化的一些事。 在进入正文之前,顺便给大家推荐一个Java架构方面的交流学习群:698581634,里面会分享一些资深架构师录制的视频录像:有Spring,MyBatis,Netty源码分...

Java大蜗牛
16分钟前
0
0
织梦dedecms安全设置

网站本身做好防范: 1、修改默认后台名。 打开网站根目录,找到[dede],这个文件夹就是后台的路径,可以随意修改,比如修改为[adminbuy],此时后台登陆的路径为:http://www.*****.com/admi...

雨季2014
17分钟前
0
0
完美Python入门基础知识点总结,看完你的Python就完全入门了!

Python标识符 在 Python 里,标识符有字母、数字、下划线组成。 在 Python 中,所有标识符可以包括英文、数字以及下划线(_),但不能以数字开头。 Python 中的标识符是区分大小写的。 以下划线...

糖宝lsh
23分钟前
0
0
Java关于前后台传输中文乱码以及Excel下载乱码解决

针对乱码,一般情况是前后台以及中间件编码格式不同导致.故需要保证编码格式相同即可. 1.前台页面格式指定,这里用的是jsp,故需要将pageEncoding指定为"UTF-8" 2.指定服务器编码格式,比如用的t...

勤奋的蚂蚁
25分钟前
0
0
Flutter组件 - Flexible

Flexible是一个控制Row、Column、Flex等子组件如何布局的组件。 Flexible组件可以使Row、Column、Flex等子组件在主轴方向有填充可用空间的能力(例如,Row在水平方向,Column在垂直方向),但是...

一箭落旄头
28分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部