モバイルで画像の向きが変わる現象を一部修正しました。


この「こばやし二胡教室ブログ」は、携帯やスマホなど一部のブラウザで見たときに、画像の向きが変になる現象がありました。

理由は、撮影時に画像に記録されるEXIF情報をそのままにしていたから。

↓参考
●モバイルで画像の向きが変わる原因

この現象を一部修正しました。


画像からEXIF情報を消去

一部ブラウザで画像の向きが変わるのは、撮影したときのカメラの向きがEXIF情報として画像に記録されていて、EXIF情報に対応したブラウザで表示した場合、僕の意図する向きと関係なく、撮影時の向きで表示されるからでした。

画像からこのEXIF情報を消去すれば問題解決。
いつも使っている「Irfan View」を使ってやってみました。

●Irfan View日本語版
http://www8.plala.or.jp/kusutaku/iview/

まとめて保存しなおし

まず、ブログのサーバーから全ての画像をダウンロードします。
一つのフォルダに入れておきます。

この画像からEXIF情報を抜いてそれぞれ保存しなおして、サーバーにアップするという手順です。

 ***************************

「Irfan View」を立ち上げ、そのウィンドウに画像の入ったフォルダをドラッグ&ドロップすると、
Irfan Thumbnails」というのが立ち上がり、フォルダの中の画像一覧がサムネイル表示されます。
twbeyenuri

「ファイル」から「選択した画像で一括変換を行う」をクリック
fgarsu6i7ro

保存形式で「JPG」を選び、右にある保存設定ウィンドウを開いて、
「元画像のEXIF情報を保存する」のチェックをはずしてOK
haarm85

詳細設定で画像の向きやサイズが変わらないように項目を確認して、全ての画像を一括変換!

これをサーバーにアップしなおして、僕のアイフォンから見ても画像の向きが変わらなくなりました。

Irfan Thumbnails」を使えば画像の向きやサイズ、ファイル形式を一括変換できるのでとても便利なフリーソフトです。

2012年2月以前の記事はまだです…

今のブログに引っ越す前に書いていた記事の画像はまだこの処理をしていません。
準じやっていきますので、今しばらくご容赦を…

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA


このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください