帮一个本地生活站做改版，甲方翻着设计稿说首页 banner 要换成视频，我问他指的是整块首屏大图还是中间那条促销条。同一个词在两页稿子里指了两样东西，不掰扯清楚就是返工。

最日常的用法是首屏大图

网站首页最上方那块图就是 banner，行业里也叫主视觉或首屏图。这一块通常占满宽度，高度 400 到 700 像素，配一句主标题和一个按钮，点进去是活动页。电商的 banner 常做成轮播，三到五张自动切换，手动滑动也能切换。

设计上有什么讲究

主体内容要落在中间安全区，两侧留出可裁切的空间，因为宽屏和笔记本看到的宽度差很多。文字别贴着左右边缘，移动端会按屏幕比例裁切，重要信息居中偏上。图片本身压到 200KB 以内，用 WebP 格式，写上宽高避免加载时页面跳动。

它和这几种东西不是一回事

  • 弹窗：banner 是嵌在页面里的，不遮挡内容，弹窗会打断操作。
  • 浮层广告：浮层跟着滚动，banner 固定在文档流里。
  • 信息流广告：信息流混在内容中间，banner 在页面顶部固定位置。

还有一种 banner 是纯文本

登录服务器、连接数据库时弹出的欢迎信息也叫 banner，比如 SSH 登录前那一行提示，或者 MySQL 的版本说明。它不带图片，就是一段文本。这个信息会暴露系统版本，给攻击者提供线索，生产环境一般会在配置里关掉。

跟甲方沟通的小技巧

遇到这个词先确认是首页顶部那张大图，还是页面中间的横幅条，尺寸分别按 PC 1920 宽和移动 750 宽出两版。定稿前在真机上滑一遍，比只看设计稿能提前发现裁切问题。文案改图的时候顺手检查跳转链接，这个最容易漏。