利用Fiddler-ImageView识别图像信息及优化图像

一般情况下，我们用Fiddler来拦截修改数据包，分析数据包，但很少拿它来分析图片。
Fiddler里的ImageView视图不仅仅能显示图片，还能解析图片里包含的信息，比如帧数，图片修改时间，版权信息，注释等等。

在哪里查看图片的解码信息？

打开Fiddler，在Response的ImageView视窗的侧边栏可以看到从图片里解析出来的信息：

不同类型的图片都包含哪些信息？

PNG

• 分辨率
• dpi：表示密度。相同分辨率，dpi越高图像的物理尺寸越小;物理尺寸相同，dpi越低则分辨率低（模糊）
• Color：使用了什么颜色以及多少位
  • RGB
  • Grayscale
  • Palette
• Last-Modified：显示图像最后的修改时间
• COMMENTS：注释信息，包含了使用的软件，版权信息，作者，标题
  

JPG

• 分辨率
• dpi
• 元数据(EXIF)：版权信息，修改日期，照片长宽比等
• 压缩类型：jpg有多种压缩类型，分别是
  • 标准（baseline）：从上到下扫描，加载图像时，一行一行地读取信息
  • 渐进（Progressive ）：多次扫描，先显示图片的轮廓，随着扫描次数的增加，图片逐渐变清晰
  • JPEG2000
  • 无有损编码（Lossless Encoding）
    ....
• HuffmanTables：哈夫曼表的张数
• Subsample：二次采样
  

GIF

• Frames：帧数
• Delay：每帧的延迟范围
• Loops ：
  

怎么优化图片？有哪些工具

优化图片主要采用的方法如下：

• 将24bit 转化为 8bit，且不会对图像的识别产生太大的影响
• 删除图像里面包含的注释信息
• 删除不影响照片显示的元数据

各图片类型对应的优化工具：

• GIF:开源工具Gifsicle，将帧之间重复的数据删除
• PNG:开源 工具pngquant，通过算法压缩文件大小
• JPEG:jpegtran 将图片的元数据删除，并转化为渐进式