Web常⽤图⽚格式
1. GIF(Graphics Interchange Format)
  GIF是⼀种正在逐渐被抛弃的图⽚格式。PNG格式的出现就是为了替代它。PNG8除了不⽀持动画外,PNG8有GIF所有的特点,但是⽐GIF更加具有优势的是它⽀持alpha透明和更优的压缩(GIF仅⽀持索引透明)。
  但是gif在⽹上还是有⼀席之地的,⽐如在贴吧或者qq⾥常看到的动画图⽚,⽤的都是gif。
  当图⽚颜⾊简单到⼀定程度,⼤⼩⼩到⼀定程度的时候,gif格式图⽚⼤⼩要⼩于png8。⽐如⼀个1*1像素的纯⿊⾊点,在PNG8下是124byte,在GIF下是43byte。但是此时的话⽤css或者base64是⼀种更好的选择。
2. JPG(Joint Photographic Experts Group)
  ⽀持摄影图像或写实图像的⾼级压缩,并且可利⽤压缩⽐例控制图像⽂件⼤⼩。
  有损压缩会使图像数据质量下降,并且在编辑和重新保存JPG格式图像时,这种下降损失会累积。
  JPG和PNG8都适合颜⾊较少的图⽚,因为JPG在栅格化时精确记录少数点,其它点⽤差值补齐。但是当图像颜⾊数少于⼀定值⽐如256的时候,PNG8可能更合适。
  JPG不适合具有⼤块颜⾊相近的区域或亮度("锐度")差异⼗分明显的较简单的图⽚。
  JPG在存储摄影或写实图像⼀般能达到最佳的压缩效果,⽐如⽹站的背景图,轮播图,⽤户头像等等。
3. PNG(Graphics Interchange Format)
  PNG可以细分为三种格式:PNG8,PNG24,PNG32。
胡夏个人资料图片  后⾯的数字代表这种PNG格式最多可以索引和存储的颜⾊值。”8″代表2的8次⽅也就是256⾊,⽽24则代表2的24次⽅⼤概有1600多万⾊。
  能在保证最不失真的情况下尽可能压缩图像⽂件的⼤⼩。
蔡卓妍离婚
  PNG⽤来存储灰度图像时,灰度图像的深度可多到16位,存储彩⾊图像时,彩⾊图像的深度可多到48位,并且还可存储多到16位的α通道数据。
  对于需要⾼保真的较复杂的图像,PNG虽然能⽆损压缩,但图⽚⽂件较⼤,不适合应⽤在Web页⾯上。泰安美食
  关于透明:
  PNG8⽀持索引透明和alpha透明;
  PNG24不⽀持透明;
  ⽽PNG32在24位的PNG基础上增加了8位(256阶)的alpha通道透明,也就是说可以存储从完全透明到完全不透明⼀共256个层级的透明度(即所谓的半透明)。
4. BMP(Windows Bitmap)
  BMP格式使⽤的是索引⾊彩,它的图像具有极其丰富的⾊彩,可以使⽤16M⾊彩渲染图像。此格式⼀般⽤在多媒体演⽰和视频输出等情况下。
5. TIFF(Tag Inage File Format)
  TIFF 格式是对⾊彩通道图像来说最有⽤的格式,⽀持24 个通道,能存储多于4 个通道。TIFF 格式的结果要⽐其它格式更⼤、更复杂,它⾮常适合于印刷和输出。
6. TGA(Targa)
  TGA 格式与TIFF 格式相同,都可以⽤来处理⾼质量的⾊彩通道图形。
7. 其它
黄河入海流在哪里入海  PDD、PSD 格式也是存储包括通道的RGB 图像的最常见的⽂件格式。
使⽤规范:
余景天个人简介⼀.  少⽤图⽚元素,尽量⽤css3代替。
  ⽐如圆⾓,提⽰框,不会⼆次渲染的元素的阴影。
  关于css3的filter属性,在移动端并不推荐使⽤,虽然会节省图⽚的空间,但是 1、渲染会消耗性能,导致页⾯加载反⽽变慢;2、andorid系统在4.0以上版本才⽀持。
⼆.  尽量少⽤png32格式,太⼤了。
  在某些情况下,如果损失⼀定的视觉可以获得性能较⼤的提升,可以和设计师协商去掉⼀些效果。
三.  JPG适合摄影图像或写实图像,同时也适合颜⾊较少图像。
  PNG8 适合所含颜⾊很少(少于256)、具有⼤块颜⾊相近的区域或亮度差异⼗分明显的较简单的图⽚;
  PNG32适合图⽚较为复杂且有透明效果且透明效果⽆法⽤css来实现的情况。
罗志祥取关周扬青四.  如果页⾯中有较多的⼩icon,⾸先考虑使⽤webfont。
  如果webfont不能满⾜需求,必须使⽤css sprite将图⽚合并,来压缩总体图⽚的⼤⼩,同时减少页⾯请求提⾼访问速度。