适当的背景图像礼仪

Question

我创建了一个由许多图像组成的黑白拼贴画 - 但是将文件保存为1280 * 1024 - 理想情况下包含了屏幕的rez。

问题是，拥有背景比例是否更明智，并且在更大屏幕的情况下拉伸图像，或者我应该重复它以便不丢失分辨率，并且从一些屏幕中裁剪出较小的屏幕背景？

感谢您的任何见解！

Answer 1

这取决于用户，但他们显然无法做出决定。我会扩展它，但这并不像平铺它那么容易。我从未成功缩放过背景图片。

Answer 2

这也取决于您的偏好。

如果用户拥有更大的屏幕，您是否可以将拉伸图像作为背景？如果是，那么一定要将背景图像设置为拉伸。或者，您是否更热衷于保持图像的完整性？在后一种情况下，拥有图像平铺要好得多。

Answer 3

如果您对创建整页背景图片感兴趣，请尝试使用CSS技巧中的其中一种技巧：“Perfect Full Page Background Image”。

Answer 4

我个人认为缩放图像不是一种选择。它非常引人注目，看起来不太好看。我建议使用至少适用于1920 x 1080的背景图像，并优雅地淡化边缘或瓷砖上的图像，这样如果有人在更大的屏幕上看到页面，则边缘上没有强烈的线条。背景。

如果您担心大图片中涉及的带宽，请查看CSS3 Media Queries。所有移动浏览器都支持此CSS3模块，它允许您定位某些分辨率并向它们发送较小的图像（尺寸和文件大小）。

如果你的图像效果很好，我会建议使用最小的模式，然后让css为你重复。将更多像素推向管道并没有必要。