图片格式区别:png8,png24,jpg,jpeg,gif,webp
1、PNG图片
1). PNG8(布尔透明)
简单说可以理解为静态的GIF
他们都只有256色,也支持索引透明,就是指定一个像素点是不是透明
2). PNG8(Alpha透明)
可指定像素点的透明度,例如50%透明度,比布尔透明高级一点
这种优点在于比PNG24/32体积小,但效果一样
缺点在于IE6支持不好,会把半透明的像素点显示成全透明
3). PNG24
是指24位索引图,有全透明跟半透明以及全不透明的类型,即最多可展示的颜色数量大于1600M,所以它展示的图片颜色更丰富,更清晰。不过图片的大小也会相应增加,适用于摄影作品的展示。
PNG24不透明,但是颜色数很多,不止256色, 而Photoshop里导出的png24其实是png32
4). PNG32
和photoshop的PSD一样,是Fireworks的默认源文件格式,包含图层和通道信息
和PNG24的区别在于多了透明信息
PNG32 不仅可以使用更多的颜色,而且还支持透明度设定。属于 PNG 系列中较常用的一种格式。
缺点在于IE6支持不好,会把透明区域显示成蓝灰底色 : 只能通过影响性能的方法AlphaImageLoader与需要加特殊标签(VML)。
png8 和 png24的区别
png8与png24的根本区别是存储方式的不同,那我们如何辨别png8还是png24格式的图片呢?在ps中,打开图像—>模式。如果是png8格式的图片,只有8位/或单通道,而且该通道会自动添加上‘索引’,而png24格式的图片还有其他的通道可选。
如何区分png8和24
1).在ps里看图像—模式,png8当然只有8位/通道了。
2).当打开png8的图片时,ps会默认给它的图片标题上加上“索引”两字,png24的则没有。
3).文件属性详细信息。
2、jpg和jpeg
JPEG的文件格式一般有两种文件扩展名:.jpg和.jpeg,这两种扩展名的实质是相同的,我们可以把*.jpg的文件改名为*.jpeg,而对文件本身不会有任何影响。严格来讲,JPEG的文件扩展名应该为.jpeg,但由于DOS时代的8.3文件名命名原则,PC机使用了.jpg的扩展名,而由于Mac并不限制扩展名的长度,因此当时苹果机上都使用了.jpeg的后缀名。虽然现在windows也可以支持任意长度的扩展名了,但大家已经习惯了.jpg的叫法,因此也就没有强制修正。这种情况类似于.htm和.html的区别。
3、gif:
区别与png与jpg以及其他图像格式的,是gif可以支持动画,类似于png8的布尔透明类型,只有全透明跟全不透明,没有半透明,是无损耗的图像格式。
4、webp:
是谷歌2010年推出的一种旨在加快图片加载速度的图片格式,图片的体积只有jpg的2/3,美中不足的是,webp是一种有损压缩,而且目前支持这种图片格式的,只有谷歌以及Opera11.10之后的版本,火狐以及IE暂不支持。并且这种图片格式的编码时间是jpg的8倍。因此在使用时也应结合自己的实际情况。
5、base64:
是网络上最常见的用于传输8bit字节码的编码方式之一。可用于在http环境下传递较长信息,使用base64编码格式存储图片在网页上传输图片的优缺点如下:
优点:①减少http请求;②某些文件可避免跨域问题;
缺点:①浏览器的支持问题(IE6/IE7不支持,但是IE9版本的IE7模式下又是支持的);②增加css的尺寸;③增加编码成本。
实际运用(前端切图)
1)色彩丰富的、比较大的图片切成jpg格式,例如一些网站的banner图
2)尺寸小的、色彩不丰富的、以及背景透明的切成gif或者png8
3)半透明的图片切成png24格式
WEBP因为体积小,正在被大量网站使用。网站加速的内容一半包含了WEBP这种格式,但是写代码必须考虑部分不支持webp,比如苹果系统的Safari浏览器就不支持。
图片格式区别:png8,png24,jpg,jpeg,gif,webp相关推荐
- 【图片格式转换】python实现批量图片格式转换:emf、jpeg等转为png
[图片格式转换]python批量进行图片格式转换emf.jpeg等转为png 文章目录 [图片格式转换]python批量进行图片格式转换emf.jpeg等转为png 1. 代码 2. 效果 3. 总结 ...
- 【Android 安装包优化】WebP 图片格式兼容与性能 ( Android 中的 WebP 图片格式兼容问题 | Android 中的 WebP 图片格式性能 )
文章目录 一.Android 中的 WebP 图片格式兼容问题 二.Android 中的 WebP 图片格式性能 三.参考资料 一.Android 中的 WebP 图片格式兼容问题 在 Android ...
- 常见图片格式:PNG,JPG/JPEG,BMP
PNG - Portable Network Graphics - 便携式网络图形 百度百科:https://baike.baidu.com/item/png/174154?fr=aladdin 便携 ...
- C++图片格式转换:BMP转JPEG
C++方式将BMP格式转换为JPEG格式,依赖了一个第三方库,工程下载链接为:点击打开链接 Bmp2Jpeg.h: #pragma onceclass CBmp2Jpeg { public:CBmp2 ...
- 图片格式转换(PNG or JPEG to EPS or PDF)
在线将图片转换成EPS格式: http://www.tlhiv.org/rast2vec/ 注意:图片名称不能包含中文,否则不能够转换.
- c#如何wmf图片转换成png图片_C#图片格式转换(支持bmp/gif/jpeg/png/tiff/wmf文件)
[实例简介] [实例截图] [核心代码] using System; using System.Drawing; using System.Collections; using System.Comp ...
- (转)了解一下,各种图片格式的区别
在开发过程中,经常涉及到要用到图片,但是图片有很多不同的格式,他们之间有什么区别呢,我们在使用的时候又该如何选择呢?本文介绍和比较几种常见图片文件格式的优缺点,并介绍不同的文件格式对应用程序性能的影响 ...
- 什么是WebP图片格式?如何在线把Webp格式转换为JPEG格式?
我们有时候从互联网上下载图片会发现图片是WebP格式而不是常见的JPEG或者是PNG格式,用自带的图片处理软件无法打开,那么什么是WebP格式呢?我们该如何打开WebP格式的图片文件?需要进行图片处理 ...
- base64转码后更换jpeg、png图片格式
可直接用replace()方法来替换掉原有的图片格式; basedata = basedata.replace("png","jpeg");
最新文章
- 符号主义对深度学习的意义浅谈
- morlet包络检波matlab,布里渊光纤传感系统中的信号处理的研究
- delphi开发的小技巧----------------http://www.cto360.com/a/5000086716.shtml
- 实时全局光照!SVOGI in CryENGINE
- matlab对手写数字聚类的方法_scikitlearn — 聚类
- 定义一个数组返回最大子数组的值(1)
- 一篇文章教你弄懂java CMS垃圾回收日志
- 测试Windows Live Writer对cnBlog的支持
- 排序与查找 详细分析
- asp还有人用吗_中药都安全吗?服用这些中药需要注意
- android 不同项目代码合并在一块,android - 是否可以将两个(正在积极开发中的)Android应用程序模块合并到同一个Android Studio项目中? - 堆栈内存溢出...
- 程序员的求生欲有所强?用Python花式哄女友
- 4.1 Zend_Config
- CMMI3认证升级CMMI5认证需满足的基本条件
- Altium Designer 详细入门教程-原理图绘画-AD2016
- java 生成条形码_JAVA 生成扫描条形码
- 互联网公司愚人节策划大盘点,在恶搞界谁是老大?
- 万字讲解WiFi为何物
- Lipschitz 条件或者Lipschitz连续
- GIT常用命令for QA