Question

我用它来设置背景图片。

body{
  background: url('path_to_image');
  background-size: 100%;
}

我很高兴background-size如何处理屏幕尺寸的微小差异。

我在gimp中设计我的背景图像是一个蓝色的抽象图像。处理最常见的屏幕尺寸（以像素宽度和高度为单位）以及将其导出的良好图像格式有多大？

以下是我测试的一张背景图片的示例：

浏览器报告的最常见屏幕尺寸（link here）似乎是：

1366x768

Answer 1

1366x768听起来不错，如果这是目前最常见的屏幕分辨率。如果图像具有许多渐变和细微的细节，则文件类型应为.jpg;如果图像大多为没有抗锯齿的实体形状，则为.png（或.gif），例如像素艺术。导出图像时请始终牢记质量和文件大小！

您使用抽象图像作为背景也很好，因为使用background-size:100%可能会导致意外分辨率的拉伸（这对于更具象征性的图片看起来很傻！）。