如何爲響應式網站設計背景圖片？

Question

我一直在四處尋找答案或指南，但我似乎無法找到任何東西。我可能在這裏錯過了一個關鍵詞。

我有一個單頁網站，我想在Photoshop中設計一個背景圖像。我希望能夠圍繞網頁上的元素設計此圖像。這對設計一個特定的屏幕尺寸來說不會太難，但是元件的位置和屏幕的寬度在各個設備之間會發生顯着變化。我只有如何去這兩個概念，兩者都不似乎是一個好方法：

1. 創建忽略頁面上的元素，並不會對左/右太多細節的背景圖像在移動設備上切斷。
2. 爲每個設備大小創建一個單獨的背景圖像，並使用媒體查詢來加載正確的圖像。

有沒有更好的方法去做這件事？

這裏是那種背景我的示例屏幕截圖是在說：

Answer 1

讓地址是：「我如何去迴應式網站設計的背景圖像？」

顯然，這個問題有多個正確的答案。最簡單的解決方案（IMO）將創建一個高分辨率的圖像，這是一個抽象的圖像，因此當屏幕尺寸變小時，如果部分圖像被切掉，就不會出現錯誤。您發佈的網站上的背景圖片使用此方法。木鑲板的結果是與屏幕尺寸無關的設計。