レスポンシブウェブサイトの背景イメージをデザインするにはどうすればよいですか？

Question

私は一日中答えやガイドを探していましたが、何も見つけられないようです。私はここでキーワードを見つけられないかもしれません。

私はPhotoshopの背景画像をデザインしたいと思う単一のページのウェブサイトを持っています。私はこのイメージをウェブページ上の要素の周りにデザインできるようにしたいと考えています。これは、特定の1つの画面サイズでは設計が難しいことではありませんが、要素の配置と画面の幅はデバイスによって大きく変わる可能性があります。

1. ページ上の要素を無視して、左右に細部があまりないような背景イメージを作成することができますモバイルデバイスで切断される
2. デバイスサイズごとに個別の背景イメージを作成し、メディアクエリを使用して正しいイメージをロードします。

これについては、より良い方法がありますか？ここで

は私が話している背景の種類の例のスクリーンショットです：

Answer 1

は、この問題に対処することができます：「？どのように反応するウェブサイトのための背景画像を設計行くのです」

明らかに、この質問に対する複数の正解があります。最も簡単な解決策（IMO）は、抽象的な高解像度画像を作成することであり、画面サイズが小さくなるにつれてその一部が細かく切り取られた場合にはうまく表示されません。投稿したサイトの背景画像は、この方法を使用しています。ウッドパネルは、画面サイズとは無関係のデザインになります。