Responsive design 我如何着手为一个响应性强的网站设计背景图像？

我一整天都在四处寻找答案或指南，但似乎什么也找不到。我可能遗漏了一个关键词

我有一个单页的网站，我想设计一个在photoshop背景图像。我想能够围绕网页上的元素设计这个图像。对于一个特定的屏幕尺寸来说，这并不难设计，但是元素的位置和屏幕的宽度会随着设备的不同而发生巨大的变化。我只有两个办法来解决这个问题，这两个办法都不是好办法：

创建一个背景图像，忽略页面上的元素，并且右/左没有太多细节，无法在移动设备上截取

为每个设备大小创建单独的背景图像，并使用媒体查询加载正确的图像

有没有更好的办法

下面是我正在谈论的背景类型的示例屏幕截图：

让我们谈谈这个问题：“如何为响应性强的网站设计背景图像？”

显然，这个问题有不止一个正确答案。最简单的解决方案（IMO）是创建一个抽象的高分辨率图像，因此当屏幕尺寸变小时，如果部分图像被切掉，就不会出现问题。您发布的站点上的背景图像正在使用此方法。木镶板的设计与屏幕尺寸无关