2017-08-08 14 views
1

iOS以外のすべての端末でうまく動作するレスポンシブウェブサイトを構築しました。 iOSデバイスで、私の背景イメージがぼやけています。レスポンシブウェブサイトの画像がiPhoneでぼやけて表示される(iOS)

ここは私のウェブサイトへのリンクです。 http://www.idynxschool.com/vesco/

iPhoneで見ることができます。ぼやけた画像が表示されます。これは網膜準備ができたイメージをする何かですか?

いずれの解決策も本当にありがとうございます。大PNGやGIF画像を表示する際に

おかげでiOSのSafariでは

+0

が通常のものと比較して、二重ピクセルの画像を使用して... –

答えて

4

は、既知の制限があります。この問題は、イメージ内のピクセルの総数によってトリガされるため、イメージが狭い場合でも、イメージの高さが十分であれば、ぼやけが発生する可能性があります。

これはiPadとiPhoneの両方に影響し、デバイスのすべてのモデルに影響します。しかし、問題を引き起こす正確な画像サイズは、iPhoneからiPadまで、モデル間で異なります。たとえば、iPhone 6 Plusの画像を1080ピクセル幅で作成している場合、ぼやけが発生する前に最大4800ピクセルの画像を作成できます。

PNGまたはGIFの代わりにJPGを使用すると、JPG画像の制限が大きくなるため、ぼやけが少なくなることがあります。ただし、PNGまたはGIF画像の場合、現時点でこの問題を回避する唯一の方法は、問題の原因となる制限を下回るまで画像のサイズを縮小することです。

回答:iPhone用https://support.invisionapp.com/hc/en-us/articles/204660949-Why-are-my-images-in-iOS-blurry-

+0

あなたは答えを見つけたところ、同様のリンクを投稿してください。 https://support.invisionapp.com/hc/en-us/articles/204660949-Why-are-my-images-in-iOS-blurry- –

+0

謝罪。私はすでにやったと思った。答えを修正しました。 –

関連する問題