1. 程式人生 > >七牛---關於圖片EXIF資訊中旋轉引數Orientation的理解

七牛---關於圖片EXIF資訊中旋轉引數Orientation的理解

EXIF(Exchangeable Image File)是“可交換影象檔案”的縮寫,當中包含了專門為數碼相機的照片而定製的元資料,可以記錄數碼照片的拍攝引數、縮圖及其他屬性資訊,簡單來說,Exif資訊是鑲嵌在 JPEG/TIFF 影象檔案格式內的一組拍攝引數,需要注意的是EXIF資訊是不支援png,webp等圖片格式的。
對於七牛,可以在圖片後面加?exif引數來獲取圖片的exif資訊。

對於Orientation引數,簡單的說是記錄圖片拍攝的相機的旋轉資訊,瀏覽器(需要瀏覽器支援)可以根據這個引數中的val資訊自動旋轉圖片到正確的方向。

eg:
* 在瀏覽器中輸入以下圖片連結,由於瀏覽器自動旋轉了,我們可以看到一個顯示正常的圖片:

  • 其實這張圖片拍攝的時候相機是有旋轉的,我們可以去掉圖片的exif資訊顯示如下:
  • 可以查詢到圖片的exif資訊如下:
{"ColorSpace":{"val":"sRGB","type":3},"ExifVersion":{"val":"Exif Version 2.1","type":7},"FlashPixVersion":{"val":"FlashPix Version 1.0","type":7},"Orientation":{"val":"Right-top","type":3},"PixelXDimension":{"val":"3264","type":4
}
,"PixelYDimension":{"val":"2448","type":4},"ResolutionUnit":{"val":"Inch","type":3},"XResolution":{"val":"72","type":5},"YResolution":{"val":"72","type":5}}

111

222

需要注意的是,七牛顯示的exif資訊Orientation”:{“val”:”Right-top”,”type”:3},其中type資訊是可以忽略,以value資訊為準