优化不可重复的模式

Question

在寻找用于背景的模式时，我找到了this pattern。

我目前正在将它用于我的网站背景。

问题是模式不可重复。

我把它设置为我身体的背景所以如果我使用这个css，我会得到非常明显的接缝，每张新照片都会开始。

body {
    background:url(../images/testbackground.jpg) repeat;
}

我已经知道我可以通过将照片旋转/翻转成更大的照片来解决这个问题。我已经完成了here。它运作完美，可重复，在网站上看起来很好（你知道，除了接缝上的镜像，但这可以忽略不计）

问题在于，我很擅长为那些网络连接速度较慢的人优化加载速度，所以背景的大小应该是我应该的4倍。

有没有办法可以使用代码旋转/翻转照片？我宁愿不必使用复杂的jQuery / javascript脚本，但实际上我知道我必须这样做。

有没有人知道这样做的脚本？

以下是有关如何轮换的参考资料：

Answer 1

我没有翻转和旋转的解决方案。但我让你的背景可重复：）

我只是从右边切掉了有问题的像素，所以背景现在有点小了

但是因为你正在进行优化：图片本身已经重复了！因此，您可以进一步将其裁剪为更小的尺寸，并且仍具有几乎相同的背景：