CSS_常用图片格式
2009-05-22 10:46
211 查看
我们最理想的图片是容量小质量高清晰的,这得根据不同图片的性质选择不同的输出格式。网上现今常用的图片格式有jpg、gif、png,至于bmp、svg、tif等格式由于文件大或浏览器不支持等原因不建议使用。
常用图片格式的特点:
jpg 有损、文件小
是一种有损压缩格式,能够将图像压缩在很小的储存空间,图像中重复或不重要的资料会被丢失,因此容易造成图像数据的损伤。
gif 无损、≤256色、动画、支持背景透明
是一种基于LZW算法的连续色调的无损压缩格式。其压缩率一般在50%左右,它不属于任何应用程序。目前几乎所有相关软件都支持它,公共领域有大量的软件在使用GIF图像文件。
png 无损、支持背景半透明(IE6下得用滤镜)
是网上接受的最新图像文件格式。PNG能够提供长度比GIF小30%的无损压缩图像文件。它同时提供 24位和48位真彩色图像支持以及其他诸多技术性支持。
类似这种规则渐变色彩比较丰富的输出为png。比如body里大背景渐变、水晶风格按钮等。
色彩比较单纯的小图输出成gif。常常应用在一些小按钮和icon小图标上。
人像风景类色彩非常复杂的图输出为jpg。这里gif图看上去也不错,但是如果图片尺寸稍大一点你就会发现它们的容量大小和图片质量会有明显的差距。
另外,gif动画的局限性很大,但它在网上使用得非常频繁,它只适用于色彩比较简单的小图,而对于人像风景类大图是不建议做成gif动画的,因为那样的图片大小和质量都是很吓人的。gif和png都可以背景透明,png还支持半透明,但IE6以下不支持,需要使用滤镜。
常用图片格式的特点:
jpg 有损、文件小
是一种有损压缩格式,能够将图像压缩在很小的储存空间,图像中重复或不重要的资料会被丢失,因此容易造成图像数据的损伤。
gif 无损、≤256色、动画、支持背景透明
是一种基于LZW算法的连续色调的无损压缩格式。其压缩率一般在50%左右,它不属于任何应用程序。目前几乎所有相关软件都支持它,公共领域有大量的软件在使用GIF图像文件。
png 无损、支持背景半透明(IE6下得用滤镜)
是网上接受的最新图像文件格式。PNG能够提供长度比GIF小30%的无损压缩图像文件。它同时提供 24位和48位真彩色图像支持以及其他诸多技术性支持。
类似这种规则渐变色彩比较丰富的输出为png。比如body里大背景渐变、水晶风格按钮等。
色彩比较单纯的小图输出成gif。常常应用在一些小按钮和icon小图标上。
人像风景类色彩非常复杂的图输出为jpg。这里gif图看上去也不错,但是如果图片尺寸稍大一点你就会发现它们的容量大小和图片质量会有明显的差距。
另外,gif动画的局限性很大,但它在网上使用得非常频繁,它只适用于色彩比较简单的小图,而对于人像风景类大图是不建议做成gif动画的,因为那样的图片大小和质量都是很吓人的。gif和png都可以背景透明,png还支持半透明,但IE6以下不支持,需要使用滤镜。
相关文章推荐
- RAW数据格式的图片转换--常用于相机开发和图片旋转
- Bootstrap的全局css样式之栅格系统、表单和图片部分常用类.
- 图片格式和大小,多用CSS和JS,不用大图片
- 五种常用的图片格式及其是否有数据压缩的总结
- WEB开发常用的图片格式
- 前端开发中常用的几种图片格式及其使用规范
- HTML+CSS:圆形和圆角图片格式
- web开发常用图片格式
- GDIplus的初次接触--加载并显示常用格式图片
- HTML,JS,CSS常用格式
- 常用图片格式——笔记
- Android开发之常用必备工具类图片bitmap转成字符串string与String字符串转换为bitmap图片格式
- 校内网css代码添加背景图片常用代码
- HTML/CSS:Web常用图片类型
- CSS常用效果实现004——控制div的背景图片的长宽
- 图片格式的JavaScript和CSS速查手册
- UID-CSS-选择器-常用属性-布局-web常用图像格式
- 五种常用的图片格式及其是否有数据压缩的总结
- 校内网css代码添加背景图片常用代码
- 我们常用的图片格式到底有什么区别?