关于png、jpg、gif切图时的使用感悟

关于png、jpg、gif切图时的使用感悟

曾经切图时都是一股脑所有图全切成jpg格式，最近突然心血来潮简单的研究了下其他图片格式的具体属性，才突然发现走了不少弯路，并没有做到使图片用最小体积展现出最佳的效果。

今天我就简单的总结下这两个的成果，同时以后也会持续更新最新的感悟。

---

png8、png24、gif、jpg的体积大小

常见的png分为png8和png24； jpg则是由半分比来调整压缩率；gif到没有什么特殊的。

他们通常情况下的体积由大到小来:

png24>jpg(100%)>gif≈png8

png8、png24、gif、jpg的图片质量

但是对于一张图的质量来说并不是体积越大显示效果越好。正因为才使得我们可以用最小的体积来展现出最佳的显示效果。

这两天网上查了一点相关资料，现在我来浅显的说明下。

png24属于一种无损压缩格式，支持约1600万色，因此基本能够完完全全的表现出原图的一切细节，当然这样的代价就是图片体积会非常的大。

jpg属于有损压缩格式，牺牲了一定的画质，但却非常好的控制住了图片的体积。最让人称赞的是在图片不是特别锐利的情况下，图片质量基本能够和png24看齐，体积却小了png24好多倍。

gif和png8仅支持256色，这就意味着你不能用它去表现特别丰富的画面，他们的优势就是图片的体积非常的小。

png24/8、gif支持透明背景，jpg不支持。

---

简单总结下png、jpg、gif具体使用

对于像logo、色彩种类单一的图片：一般使用png24/8格式，图片体积小，效果还特别好，但是使用png8的时候要注意，因为其只支持256色，因此有时会有色差。

复杂的图片，例如：人物，风景：一般采用jpg格式，这时若采用png24格式，图片大小往往会数倍于jpg，同时也未必能展现出更好的效果。

透明背景图片：只能选取png24/8、或者gif这种支持透明背景的图片格式。