Exifの画像方向情報

322 Views

October 26, 15

スライド概要

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

profile-image

Claris FileMaker 認定デベロッパ、kintone認定 アプリデザインスペシャリスト(2020年2月)、kintone認定 カスタマイズスペシャリスト(2020年3月)。

シェア

埋め込む »CMSなどでJSが使えない場合

関連スライド

各ページのテキスト
1.

Exifの画像方向情報 2015/10/26 INTER-Mediator勉強会2015-#6 松尾 篤(株式会社エミック)

2.

Agenda • Exifとは • 画像方向情報に起因する問題 • INTER-MediatorとExif

3.

Exifとは

4.

Exif • Exchangeable image file format • 写真用のメタデータを含む画像ファイ ルフォーマット

5.

含まれるメタデータ • 撮影日時、撮影機器に関する情報、解 像度に関する情報、撮影条件に関する 情報、画像方向情報、GPS情報、サムネ イル etc.

6.

画像方向情報に 起因する問題

7.

画像が回転されて 表示される場合がある • iPhoneで撮影した写真をデスクトップの Webブラウザーでimgタグを使って表示 した場合に画像が回転

8.

画像が回転されて 表示される場合がある • iOSのSafariなら大丈夫だがデスクトップ のブラウザーでは回転 • 画像ファイルを直接開いている場合は 大丈夫だがimgタグで参照している場合 に回転

9.

ExifのOrientationタグ • 1:標準 • 3:180°回転 • 6:反時計回りに90°回転 • 8:時計回りに90°回転

10.

ExifのOrientationタグ • • • • 2:水平方向に反転 4:垂直方向に反転 5:反時計回りに90°回転および垂直方向に反転 7:時計回りに90°回転および垂直方向に反転

11.

Demo

12.

INTER-MediatorとExif

13.

INTER-Mediator 5.3 • 現在開発中 • ExifおよびGD拡張モジュールを使用し てサーバー側であらかじめ画像を回転 させる予定(JPEGファイルのみ) • 反転には今のところ未対応

14.

Exif情報の取得 • exif_read_data() • Exif拡張モジュールが必要

15.

画像の回転 • imagerotate() • GD拡張モジュールが必要 • その他、Gmagick拡張モジュールや ImageMagick拡張モジュールにも画像 回転用の関数がある

16.

まとめ • INTER-Mediator 5.3でMediaAccessクラス を使ってJPEG形式の画像ファイルを表 示する際にExifの画像方向情報が考慮さ れるようになる予定です