サムスンの携帯電話で撮影した画像orientsがhtmlのソースで間違っている

Question

私のwebdevクラスへの導入のため、私たちの教授は私たちのプロフィールを示す私たちのサーバーのindex.htmlページを作って欲しいと思っていました。そのプロファイルには画像が含まれている必要があります。

私は自分の携帯電話で写真を撮ってサーバーにアップロードし、ページを開いて顔が90度回転しているように見えた。だから私はスタイルにタグを変換追加：私は私の教授にこれを示したとき、彼は「クライアントのブラウザがそれを回転することを避けるためにタグを変換使用しないように私に言った

<img src="assets/pictures/selfie.jpg" alt="Selfie" style="width: 304px; height: 228px; transform: rotate(90)"> 

だけでそれを自分を回転させます最初の場所"。

私はこれを私のデスクトップエディタで試してから、写真を再アップロードして、変換を取り出しました。同じ方向の問題、90度回転。

<img src="assets/pictures/selfie.jpg" alt="Selfie of Ryan White" style="width: 304px; height: 228px;"> 

ここで何が起こっているかそして、この向きの問題を解決するにはどうしたらいいですか？

Answer 1

Windowsのツール（右クリックメニュー、Windowsの写真など）を使用してイメージを回転している場合、ウィンドウにのみ表示されます。実際に画像を回転させたい場合は、PaintやGIMPのようなものを回転させてから保存する必要があります。それはどこから見ても、あなたに適切な回転を与えるでしょう。

Answer 2

これは、ほとんどの携帯電話の写真では一般的な傾向です。私はあなたが望むものを達成するためのソフトウェアを提案することができます。

1. Photoshopの
2. Corelが
3. あなたは変換があなたのウェブページ上の画像を使用する前に、保存してください達成したときに最も重要なことがある
4. シンプルな画像ビューア

ペイント描画します。