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

2016-07-01 23:48:39 +08:00
 Yamaha

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

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

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

3463 次点击
所在节点    HTML
3 条回复
BROWNURSIDAE
2016-07-02 04:21:13 +08:00
ZE3kr
2016-07-02 13:00:48 +08:00
需要图片宽度至少 2000px (最好最短边 2000px ),如果是 JPEG ,要体积大的(至少 2M ),方便后期压。最终做成背景需要压图片压成从 500px 到最大多个版本的。一般背景都拿 CSS 实现,如果只是普通图片,用 srcset 实现 https://ze3kr.com/2015/08/using-srcset/

而且,手机一般是竖屏,如果背景不想留白而且只显示一张,那也需要图片中间部分能有突出。
Yamaha
2016-07-04 08:02:23 +08:00
感谢。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/289724

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX