html - 背景图片的正确礼仪

Question

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

问题是，在大屏幕的情况下设置背景比例和拉伸(stretch)图像是否更明智，或者我应该重复它以免失去分辨率，并从一些背景？

感谢您的任何见解!

Answer 1

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

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

如果您的图片平铺效果很好，我建议您使用最小的图案，并让 css 为您重复。没有必要将更多像素插入管道。