CSS3 Hero Image:全屏响应背景的最佳像素尺寸和图像尺寸是什么?

时间:2016-02-15 13:50:40

标签: image css3 background size dimensions

CSS3 Hero图片问题:

对于全屏响应背景,最佳像素尺寸和图像尺寸是什么?

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

谢谢,

史蒂夫

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:1)

另外,请考虑通过压缩器运行图像,这可以大大减少文件大小。

https://compressor.io