Css 良好的默认背景图像类型和大小

我用这个来设置我的背景图像

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

我很满意

背景大小

如何处理屏幕大小的微小差异

我正在设计我的背景图像在gimp是一个蓝色的抽象图像。哪种尺寸适合处理最常见的屏幕尺寸（像素宽度和高度），哪种图像格式适合导出

下面是我测试的一幅背景图像的示例：

浏览器报告的最常见屏幕大小（）似乎是：

1366x768

---

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

使用抽象图像作为背景也很好，因为使用

背景大小：100%

可能会导致非预期分辨率的拉伸（如果使用更形象的图片，这看起来很愚蠢！）