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