HTML5 背景图片自适应的一点疑问

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

Dive into HTML5

这是一个创建于 3077 天前的主题，其中的信息可能已经有所发展或是发生改变。

问题很小白，希望能得到各位指教。现在比较流行的企业网站风格是运用 html5 将整张图片作为背景，能自动适应各种设备。例如： http://preview.themeforest.net/item/vedant-a-complete-learning-management-system/full_screen_preview/16518132?_ga=1.158156159.478494478.1467010112

再例如： https://uniregistry.com/

请问，在商业图片库购买背景图片的时候，要选择哪种分辨率的图片才能达到最低的尺寸要求？

图片

html5

背景

指教

3 条回复 • 2016-07-04 08:02:23 +08:00

BROWNURSIDAE

2016-07-02 04:21:13 +08:00 via Android

@media

ZE3kr

2016-07-02 13:00:48 +08:00 via iPhone

需要图片宽度至少 2000px （最好最短边 2000px ），如果是 JPEG ，要体积大的（至少 2M ），方便后期压。最终做成背景需要压图片压成从 500px 到最大多个版本的。一般背景都拿 CSS 实现，如果只是普通图片，用 srcset 实现 https://ze3kr.com/2015/08/using-srcset/

而且，手机一般是竖屏，如果背景不想留白而且只显示一张，那也需要图片中间部分能有突出。

Yamaha

2016-07-04 08:02:23 +08:00

感谢。