影響あり JPEG 画像が初期設定で Exif データに従い回転させられるようになりました

公開日:

カテゴリー: CSS

リリース: Firefox 77, Firefox 78 ESR

概要

Firefox 75 で image-orientation CSS プロパティの初期値が none から from-image に変更され、JPEG 画像に保存されている Exif データを向きの調整に用いるようになりました。3 月 17 日公開の Chrome 81 に初期値を from-image としたこのプロパティが実装されるため、何らかの互換性問題があった場合は Firefox 75 がベータ期間を抜ける 4 月 7 日以前に分かるでしょう。もしあなたのサイト上で特定の画像の向きが正しく表示されていないのを発見した場合は、写真編集ソフトでそれらの画像ファイルを修正する必要があります。

Safari も近い将来このプロパティを実装する予定です。

更新: 新型コロナウイルス (COVID-19) の流行により、人々が自宅でより多くの時間をオンラインで過ごすことを余儀なくされています。こうした不安定な時期に Firefox 75 で変更を行うことに関して懸念の声が上がったため、今後のバージョンに延期されました。Nightly チャンネルでは引き続き新たな挙動が有効となります。状況が変わり次第このドキュメントを更新します。

更新 2: image-orientation プロパティの変更は、Chrome 81 に続く形で、Exif の回転情報を尊重する次にような他の変更とともに Firefox 77 に乗ります。

  • HTMLImageElement インターフェイス上の naturalWidth/naturalHeight プロパティ
  • CanvasRenderingContext2D.drawImage メソッド
  • background-imageborder-image などの CSS 装飾用画像

プロパティの変更は Slack に影響を与えており、アップロードされた画像が Firefox 77 や Chrome 81 上で正しく回転されません。

参考資料