あまめも

[甘]ブログにアップすると写真の向きがおかしい物がたまにあるのでその対処法。

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

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

パソコンやiPhone上では、
ama20160127_1

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

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

写真のメタ情報が原因

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

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

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

ama20160127_5

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

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

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

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

ama20160127_6

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

ama20160127_7

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

ama20160127_8

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

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

簡単でしょ?

まとめ

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

原因はメタファイル
画像編集ソフトでメタファイルを書き換える
単純に画像を回転する(※ブラウザに寄っては表示がおかしいままの場合あり)

一番てっとり早いのが、

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

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

関連記事

  1. [甘]気になってしょうがないのでさっそく画像表示を直してみた。

  2. ブログデータをローカルに移す方法を良く忘れるのでメモしとこ〜っ

  3. [甘]iTunesでアルバムアートワーク(ジャケット写真)の表示…

  4. [甘]コンタクトフォームを「Contact Form 7」プラグ…

  5. [甘]とりあえず、グローバルメニューの作成完了?

  6. 車を携帯?!カバンに入る車(WALKCAR)が来年発売されるよう…

こんなメモもありますよ♪

Twitter

ページ上部へ戻る