V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Dive into HTML5
http://diveintohtml5.org/
Yamaha
V2EX  ›  HTML

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

  •  
  •   Yamaha · 2016-07-01 23:48:39 +08:00 · 3343 次点击
    这是一个创建于 2848 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

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

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

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

    而且,手机一般是竖屏,如果背景不想留白而且只显示一张,那也需要图片中间部分能有突出。
    Yamaha
        3
    Yamaha  
    OP
       2016-07-04 08:02:23 +08:00
    感谢。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   1150 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 23:09 · PVG 07:09 · LAX 16:09 · JFK 19:09
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.