从jpeg文件中提取缩略图

Question

我想从jpegs中提取缩略图图像，无需任何外部库。我的意思是这并不难，因为我需要知道缩略图的起始位置，并在文件中结束，并简单地剪切它。我研究了许多文档（例如：http://www.media.mit.edu/pia/Research/deepview/exif.html），并尝试分析jpegs，但并非一切都清楚。我试图跟踪字节的一步一步，但在深深的我困惑。是否有任何良好的文档或可读的源代码来提取有关jpeg文件中缩略图开始和结束位置的信息？

谢谢！

Answer 1

对于由电话或数码相机创建的大多数JPEG图像，缩略图图像（如果存在）存储在APP1标记（FFE1）中。该标记段内有一个TIFF文件，其中包含主图像的EXIF信息以及作为JPEG压缩图像存储的可选缩略图图像。 TIFF文件通常包含两个“页面”，其中第一页是EXIF信息，第二页是以“旧”TIFF类型6格式存储的缩略图。类型6格式是当JPEG文件原样存储在TIFF包装器中时。如果您希望最简单的代码将缩略图提取为JFIF，则需要执行以下步骤：

1. 熟悉JFIF和TIFF标记/标记。 JFIF标记由两个字节组成：0xFF后跟标记类型（APP1的0xE1）。这两个字节之后是以big-endian顺序存储的两字节长度。对于TIFF文件，请参阅Adobe TIFF 6.0参考。
2. 在您的JPEG文件中搜索APP1（FFE1）EXIF标记。可能有多个APP1标记，APP1之前可能有多个标记。
3. 您正在查找的APP1标记包含紧跟在长度字段后面的字母“EXIF”。
   
4. 查找“II”或“MM”（距离长度6个字节）以指示TIFF文件中使用的字节顺序。 II = Intel =小端，MM =摩托罗拉=大端。
5. 跳过第一页的标签，找到存储图像的第二个IFD。在第二个“页面”中，查找指向JPEG数据的两个TIFF标签。标记0x201具有JPEG数据的偏移量（相对于II/MM），标记0x202具有以字节为单位的长度。

Answer 2

JFIF上的维基百科页面http://en.wikipedia.org/wiki/JPEG_File_Interchange_Format给出了JPEG Header的一个很好的描述（标题包含缩略图作为未压缩的光栅图像）。这应该给你一个布局的想法，因此需要提取信息的代码。

进制打印图像头（小端显示器）：

sdk@AndroidDev:~$ head -c 48 stfu.jpg |hexdump 
0000000 d8ff e0ff 1000 464a 4649 0100 0101 4800 
0000010 4800 0000 e1ff 1600 7845 6669 0000 4d4d 
0000020 2a00 0000 0800 0000 0000 0000 feff 1700 

图片魔（字节1,0），APP0段头的幻（字节3,2），报头长度（5,4）报头类型签名（“JFIF \ 0”||“JFXX \ 0”）（字节6-10），版本（字节11,12）密度单位（字节13），X密度（字节15,14），Y密度（字节17,16），缩略图宽度（字节19），缩略图高度（字节18）以及最后休息到“标题长度”是缩略图数据。

从以上示例中，可以看到标题长度为16个字节（字节6,5），版本为01.01（字节12,13）。此外，由于缩略图宽度和缩略图高度都是0x00，图像不包含缩略图。

Answer 3

这个问题有一个更简单的解决方案，但我不知道它有多可靠：从第三个字节开始读取JPEG文件并搜索FFD8（开始JPEG图像标记），然后找到FFD9（JPEG图像标记结束）。提取它和瞧，那是你的缩略图。

一个简单的JavaScript执行：

function getThumbnail(file, callback) { 
    if (file.type == "image/jpeg") { 
     var reader = new FileReader(); 
     reader.onload = function (e) { 
      var array = new Uint8Array(e.target.result), 
       start, end; 
      for (var i = 2; i < array.length; i++) { 
       if (array[i] == 0xFF) { 
        if (!start) { 
         if (array[i + 1] == 0xD8) { 
          start = i; 
         } 
        } else { 
         if (array[i + 1] == 0xD9) { 
          end = i; 
          break; 
         } 
        } 
       } 
      } 
      if (start && end) { 
       callback(new Blob([array.subarray(start, end)], {type:"image/jpeg"})); 
      } else { 
       // TODO scale with canvas 
      } 
     } 
     reader.readAsArrayBuffer(file.slice(0, 50000)); 
    } else if (file.type.indexOf("image/") === 0) { 
     // TODO scale with canvas 
    } 
} 

Answer 4

Exiftool是非常有能力快速，轻松地这样做的：

exiftool -b -ThumbnailImage my_image.jpg > my_thumbnail.jpg