こんにちは、ブログ更新を今年の目標に掲げてセコセコとメモをとってる あますた（@amaguristar)です(内容はともかく）。

ブログに写真をアップすると“たま〜に”ですが「写真の向きが違う？！」って時があります。

パソコンやiPhone上では、

と見えるのに、サーバーにアップすると

てな感じに表示される。
毎回「なぜ？？」ってなるので、チョット調べてみました。

写真のメタ情報が原因

写真には目には見えませんが色々な情報が埋め込まれてます。
その中のメタ情報が原因らしい。
写真の情報をプレビューのインスペクター表示で開く(プレビューを開いて、Command + I でも開けます)と、

詳細情報と言う名前のダイアログが出てくるので、赤丸で囲んだ「TIFF」タブを開くと

こんな感じに「反時計回りに90°回転」てなっており、これが悪さをする原因。

簡単にこの設定を治す方法

原因は分かったので対応！ってなるわけですが、単純にこのメタ情報を削除してしまえば良い。
でも一々専用の画像編集ソフトをダウンロードするのはめんどくさい、あまりソフトを増やしたくない！って人でも大丈夫。標準で入っているプレビューで簡単に削除する方法があります。

jpgファイルをpngファイルに変換

もっとも簡単な方法は、ファイル形式をpngにして保存し直してしまうこと。
やり方はとても簡単、

プレビューを開いて、「ファイル」→「書き出す」を選択。

「フォーマット」を「png」に設定して「保存」ボタンを押すだけ。
たったこれだけで消えます。めちゃくちゃ簡単！

形式がどーしても「jpg」が良い人は？

ファイルの形式が”ど〜しても”「jpg」が良いって方もいると思いますが、その場合は「png」ファイルに変換したものをプレビューで再度開いてもう一度「ファイル」→「書き出す」を選択「フォーマット」を「jpg」にして「保存」ボタンを押すだけ。

簡単でしょ？

まとめ

ブログ等にアップした場合に写真の向きが「おかしい！？」「あれ？？」ってなったら。

原因はメタファイル

画像編集ソフトでメタファイルを書き換える

単純に画像を回転する(※ブラウザに寄っては表示がおかしいままの場合あり）

一番てっとり早いのが、

画像形式を一旦「png」に変換する

です。これが個人的には一番楽。