Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Exifの画像方向情報

1,433 views

Published on

2015/10/26 INTER-Mediator勉強会2015-#6発表資料

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Exifの画像方向情報

  1. 1. Exifの画像方向情報 2015/10/26 INTER-Mediator勉強会2015-#6 松尾 篤(株式会社エミック)
  2. 2. • Exifとは • 画像方向情報に起因する問題 • INTER-MediatorとExif Agenda
  3. 3. Exifとは
  4. 4. • Exchangeable image file format • 写真用のメタデータを含む画像ファイ ルフォーマット Exif
  5. 5. • 撮影日時、撮影機器に関する情報、解 像度に関する情報、撮影条件に関する 情報、画像方向情報、GPS情報、サムネ イル etc. 含まれるメタデータ
  6. 6. 画像方向情報に 起因する問題
  7. 7. • iPhoneで撮影した写真をデスクトップの Webブラウザーでimgタグを使って表示 した場合に画像が回転 画像が回転されて 表示される場合がある
  8. 8. • iOSのSafariなら大丈夫だがデスクトップ のブラウザーでは回転 • 画像ファイルを直接開いている場合は 大丈夫だがimgタグで参照している場合 に回転 画像が回転されて 表示される場合がある
  9. 9. • 1:標準 • 3:180°回転 • 6:反時計回りに90°回転 • 8:時計回りに90°回転 ExifのOrientationタグ
  10. 10. • 2:水平方向に反転 • 4:垂直方向に反転 • 5:反時計回りに90°回転および垂直方向に反転 • 7:時計回りに90°回転および垂直方向に反転 ExifのOrientationタグ
  11. 11. Demo
  12. 12. INTER-MediatorとExif
  13. 13. • 現在開発中 • ExifおよびGD拡張モジュールを使用し てサーバー側であらかじめ画像を回転 させる予定(JPEGファイルのみ) • 反転には今のところ未対応 INTER-Mediator 5.3
  14. 14. • exif_read_data() • Exif拡張モジュールが必要 Exif情報の取得
  15. 15. • imagerotate() • GD拡張モジュールが必要 • その他、Gmagick拡張モジュールや ImageMagick拡張モジュールにも画像 回転用の関数がある 画像の回転
  16. 16. • INTER-Mediator 5.3でMediaAccessクラス を使ってJPEG形式の画像ファイルを表 示する際にExifの画像方向情報が考慮さ れるようになる予定です まとめ

×