WordPressでアップした画像の向きが勝手に変わってしまう件!

WordPress

先日、WordPressで構築したサイトの通常投稿で写真をアップロードすると、なぜか縦向きの写真が勝手に横向きになってしまう現象が起こりました。

↓こんな風に、縦向きの写真が横向きになっています。

投稿して記事を確認した時に初めて気が付き一旦、画像を削除し、もう一度アップし直してみたのですが状況は変わらず。

なぜ?

と思いながら、いつもとの違いを考えてみると、普段は画像をアップする時は「PhotoShop」などで加工を加えるのですが、今回は一切加工はせずに撮影された写真をそのままにアップしていました。

試しに「PhotoShop」で読み込み、保存し直してアップしてみると正常にアップされました。加工を加えずにデフォルト写真をアップしていたのが原因だったみたいです。

なんでこんな事になるんやろ?

とちょっと調べてみると「Exif情報」というのが関係しているようです。

Exif情報?

初めて聞く言葉です。

Exif情報とは?

正式名称は「Exchangeable image file format(エクスチェンジャブル・イメージ・ファイル・フォーマット)」で、デジカメの画像保存に使用される画像ファイルフォーマットになります。

デジカメで撮影した写真には撮影時の情報が色々と記録されていて、「撮影日時」や「GPS情報」なども分かります。そんな「Exif情報」が問題になっていて、自撮りした写真を「facebook」や「twitter」でアップする事で、自宅の場所などが分かってしまい、事件の元になる危険性もあります。

ちょっと話が逸れてしまいましたが、今回使用した写真素材はデジカメで撮影されたもので、その「Exif情報」に含まれている写真の向き情報を元に画像表示されていますが、WordPressや一般の画像表示機能には、この「Exif情報」は利用されていないので、勝手に向きが変わっていたようです。

「PhotoShop」で加工したら正常にアップ出来たのは、「PhotoShop」で加工すると「EXIF情報」が消えるためです。

理由は何となく分かった。
でも写真の向きが変わってしまうのはどうしよう?

写真のアップロード時に「画像の編集」から写真の向きを変更することもできますが、正直かなり面倒です。

↓この「画像の編集」からの変更は面倒。

何かプラグインないかな?

と思い検索してみると、解決するWordPressのプラグインがありました。そのプラグインの名は「Image Rotation Repair」です。「Exif情報」を元に画像情報を書き換えてくれるプラグインです。早速導入してみます。

「Image Rotation Repair」を導入する手順

Image Rotation Repairプラグインを導入

↓管理画面へログインし「プラグイン」⇒「新規追加」をクリックしてください。

↓プラグインのインストール画面が表示されますので、検索ボックスに「Image Rotation Repair」を入力し「プラグインの検索」をクリックしてください。

↓プラグイン検索の一覧が表示されますので、その中の「Image Rotation Repair」の「いますぐインストール」をクリックしてください。

↓以下の様な確認画面が表示されますので「OK」をクリックしてください。

↓「Image Rotation Repair」がインストールされましたので「プラグインを有効化」をクリックしてください。

↓プラグインのトップに戻り「プラグインを有効化しました。」の表示と実際に「Image Rotation Repair」がインストールされプラグインが有効化されているのが確認できます。

これで設定は完了です。

実際に確認

↓問題なく写真がアップロードされるか確認してみると、勝手に向きが変わることなくアップされました。

無事解決です。良かった。

最後に

今回のことは、普段「PhotoShop」で画像加工しているのをデフォルト画像でアップして気付いたんですが、なぜデフォルト画像でアップしたのかというと、お客さん自身に投稿してもらうのを考えてのことでした。

記事の投稿はできるだけお客さん自身にしてもらいたいと思い、お客さんは「PhotoShop」などの画像加工ソフトは持っていないので、撮影したデフォルト画像でも自動的に画像リサイズされて投稿できるようにテストしていたら、今回の件に出くわしました。

自分が今まで、どれだけお客さん目線で制作していなかったかを痛感する内容でした。WEBに詳しくないお客さんがほとんどですから、お客さん目線で制作していれば、すぐに気付くはずです。

今まで制作したサイトもチェックしてみます。今回は良い勉強になりました。

以上「WordPressでアップした画像の向きが勝手に変わってしまう件!」でした!

それではまた。

コメント