整页背景的图像大小是多少

Question

我有一张图片，想在html中用作完整的背景图片。我按照https://css-tricks.com/perfect-full-page-background-image/页面上的教程进行操作，但在我的网站上看起来并不好看。我的背景图片大小从1200 x 1200开始。

我的问题是：

• 完整背景页面的图片大小是多少？
• 我应该使用哪种格式jpeg或svg？

Answer 1

我会推荐svg，因为它可以在不损失质量的情况下进行扩展。使用svg时，实际大小无关紧要，因为它是矢量图像。但是，与您要定位的屏幕具有相同的宽高比非常重要，通常是16：9。

Answer 2

大多数屏幕是1920x1080,1024x768。 也许你应该使用媒体查询？

检查出来：But please note, these statics are for w3schools visitors

Answer 3

css-tricks上描述的方法使背景可以调整到屏幕分辨率。您会注意到，如果缩小浏览器窗口，图片会变得更小，看起来更漂亮。

因此，您需要找到分辨率至少支持1080p（1920x1080）的图像。想象一下有人在他们的设备上全屏查看您的网站。有些人确实有比这更大的屏幕，所以尽量支持高达1920x1440，尽管4k屏幕现在变得流行。