CSS3 主图:全屏响应背景的最佳像素尺寸和图像尺寸是多少?

CSS3 Hero Image: Whats the best pixel dimension and Image Size for a full screen responsive background?

CSS3 英雄形象问题:

全屏响应背景的最佳像素尺寸和图片大小是多少?

每当我使用封面 属性 时,它似乎总是错过大部分图像。

谢谢,

史蒂夫

使用 photoshop 将图像裁剪为 16:9 比例,1920 x 1080 像素尺寸以获得最佳图像质量。似乎适用于我的网站,希望文件大小 (507kb) 不会成为页面加载响应时间的问题。

此外,请考虑 运行 通过压缩器处理您的图像,这可以大大减小文件大小。

https://compressor.io