web-dev-qa-db-ja.com

iPadおよびiPhoneブラウザーがサイト上の画像を回転させていますか?

私が今作成しているサイトで奇妙な出来事が発生しています。そこでは、イメージが本来の方法とは90度異なって表示されますが、指定したイメージの通常の寸法は維持されます。これはiPadとiPhoneのSafariでのみ発生します...他のすべてのブラウザーにはこの問題はありません。

enter image description here

何か案は?

問題のページはここにあります: http://www.andrewpeterson.com/i-had-to-be-a-perfect-gentleman-with-the-princesses/

12
Garrett

Uuuh ..チェックするAppleデバイスやブラウザはありませんが、..EXIFメタデータを読んでいるようです(特に回転)。

この画像の1つをXnViewで開きました。画像は90度回転して表示されます。

これらの画像から余分な情報をすべて削除してみてください(少なくとも1つの画像に対して行ってください)。次のようなイメージコンプレッサーを使用します。 punypng.com (またはメタデータの詳細を削除するか、単に回転して再度保存できる他のツール)とイメージを「最適化された」バージョンに置き換えます。

IPadで再度確認するときは、ブラウザに現在の画像バージョンがあることを確認して、キャッシュをクリアしてください。

追伸Thnx Su '

10
LazyOne

MS Windowsで画像が正しい向きで保存されている場合、EXIF回転メタデータを手動でオーバーライドする簡単な方法を次に示します。 Windowsエクスプローラーで、画像ファイルを右クリックし、「時計回りに回転」を選択します。これを4回繰り返してイメージを完全に回転させます。そうすると、イメージはすべてのシステムに対して正しい向きになります。その後、画像をWebサーバーにアップロードできます。

1
BenW

JPEGとPNGストリッパーを使用してみてください http://www.steelbytes.com/?mid= その後、Imageのメタデータに関連するすべての情報を削除します。正常に動作します。

1
Anetagama

Apple's Bug Reporter でAppleのバグとしてこれを提出しました。これがあなたにとって重要であり、サンプルデータがある場合、問題について複数のレポートを作成しても害はありません。以下のスクリーンショットは問題を強調し、Apple従業員がこの投稿を一見すると、問題IDは11299426です。

Inconsistent Rotation Behavior

0
Aaron