サイトの場合、ユーザーの画面解像度に応じて背景画像を動的に表示できる必要があります。
つまり、ページの読み込みが開始されると<head>
、小さなjavascriptの読み込み内で、cssを介してページの背景が次のようhttp://example.com/backgrounds/beach_800x600
に設定されます。800と600はjavascriptを介して決定された画面解像度です。
私は、最も一般的な画面解像度用にさまざまなサイズ変更された画像を作成しているので、ほとんどの人にとって、画面解像度が既存の画像と完全に一致します。完全に一致するものがない場合、たとえば、AxB
既存の画像がない画面解像度をユーザーが持っている場合、画像はAxB
その場で作成およびサイズ変更され、提供されます。それ以降、解像度を持っている人なら誰でもAxB
その画像が提供されます。
私が持っている質問は次のとおりです。
1)これは安全な方法ですか?つまり、カスタム画面解像度用に50を超えるカスタムサイズの画像を作成したくありません。この方法でそのボールパークに滞在することはできますか?また、この方法で知っておくべき他のセキュリティリスクはありますか?
2)たとえば50または100ピクセルの許容誤差を指定する必要があるため、誰かの解像度が700x900で、それがないのに600x800または800x1000がある場合は、新しい画像を作成するのではなく、既存の画像を提供します。もの?もしそうなら、マージンを100ピクセルに設定する必要がありますか、それとももっと良い数値がありますか?