外贸网站主图就是买家打开首页后第一眼看到的那张大图,它承担着三件事:说清楚你是做什么的、让买家在 5 秒内决定继续看还是关闭、把视觉印象和品牌记忆绑定在一起。选错主图的代价不是”难看”,而是首屏跳出率直接拉高,广告和 SEO 引来的流量在首页就流失大半。
这篇把外贸网站主图的选择拆成可执行的判断标准:从尺寸与加载、图文关系、B2B 与 B2C 的差异,到工厂实拍与场景图的取舍,最后给出一个可以直接套用的选图清单。

主图的第一职责是 5 秒内回答三个问题
海外买家打开你的首页时,大脑在做三件事:这是什么公司、卖什么产品、值不值得继续看。主图必须在 5 秒内给出答案。判断一张主图是否合格,把这三个问题套上去:如果图里只有一台机器但没有公司名和产品说明,第一个问题就答不上来;如果图上是抽象的艺术线条,第二个问题答不上来;如果图和落地文案完全对不上,第三个问题就垮了。合格的 B2B 主图通常是产品特写加简短标题的组合,标题用一句话点明核心卖点,比如”CNC 加工服务,交期 15 天”而不是”欢迎来到我们的网站”。
一个被低估的细节是主图与搜索引擎的关系:主图所在区域是首屏最重要的视觉信号,图片的 alt 文本和文件名同样参与 SEO,别用 img001.jpg 这样的命名。图片加载性能直接影响排名与转化,图片压缩规范可参考 web.dev 的图片优化指南,加载性能优化看 web.dev 性能学习路径。
尺寸与加载:主图是 LCP 的第一嫌疑人
主图通常是全站最大的一张图片,也是 Largest Contentful Paint(LCP)最常见的元凶。一张 2MB 的 1920px 大图在慢速海外网络下可能让首屏白屏 5 秒以上,谷歌的 LCP 建议值是 2.5 秒以内。三个实操标准:宽度控制在 1920px 以内、输出 WebP 格式、体积压到 200KB 以下;懒加载不适用于首屏主图,它必须随页面优先加载;移动端单独裁剪一版竖构图,不要直接缩放桌面版。我们服务的外贸客户里,主图压缩后 LCP 从 6 秒降到 2 秒内的案例占大多数,这是投入产出比最高的一项优化。
尺寸之外还要考虑不同屏幕的观感:欧美买家一半以上的流量来自手机,桌面端 1920 宽的主图在手机上只显示中间一小条,所以主图的主体内容要集中在画面中央 60% 区域,左右留出安全边距,避免文字和产品被裁掉。移动端体验的完整判断框架见移动端体验:海外买家一半流量来自手机这篇。

图文关系:标题压图还是另起一行
主图上的文字有两种放法:压在图上,或者放在图旁边的文案区。压在图上的优势是冲击力强、画面完整,缺点是移动端小屏上文字容易被裁切,且深色底白字在低端屏上对比度不足;放在旁边的优势是排版稳定、无障碍友好,缺点是视觉冲击弱一些。折中方案是半透明遮罩加文字:在图片上叠一层 30% 到 50% 的深色渐变遮罩,再放白色标题,既保住冲击力又保证可读性。无论哪种方案,文字与图片传达的信息必须一致,图是机器、文字就别写服务流程。
主图标题的写法遵循一条原则:写结果,不写过程。”50 万件年产能的包装工厂”优于”我们提供包装生产服务”,”15 天交期”优于”快速交货”。海外买家的注意力有限,主图标题的字数控制在 8 到 12 个英文单词或对应中文语义内,多出来的信息交给下面的副标题和正文。品牌视觉的整体规范,包括主图风格、配色与字体如何统一,可以看品牌 VI 手册包含什么这篇,其中”轻量级 VI 交付”的思路正好适用于大多数外贸站。
B2B 主图和 B2C 主图:三个本质差异
第一,B2B 主图的主角是产品和能力,不是氛围。B2C 常用生活方式图营造情绪,B2B 买家要的是”你能不能做我的单”,所以工厂实拍、产线照片、质检场景比模特和街拍更有效。第二,B2B 主图要传递规模信号:一张干净整洁、设备成排的车间照片胜过十句”我们产能充足”。第三,B2B 的主图更新频率更低,一套好的主图可以服役一两年,而 B2C 跟随季节和活动频繁更换。想清楚这三条,就不会再拿 B2C 的审美标准去要求 B2B 首页。
规模信号的具体呈现方式:画面里有人、有设备、有秩序。空无一人的车间显得冷清,人扎堆聊天显得松散,正确的画面是工人在固定工位操作、设备排列整齐、地面干净有标识。这类素材我们建议由专业团队拍摄,工厂与产品拍摄服务会按 B2B 转化需求出片,交付的素材库可以反复用于主图、产品页和文章配图。
实拍优先还是场景图优先:按行业分
机械、五金、建材这类买家关心制造能力的行业,主图用工厂实拍;家居、礼品、消费品类更接近 B2C 决策,主图可以用精修的场景图,但产品本体要清晰;化工、材料这类抽象品类的行业,主图用实验室或检测场景。判断标准只有一条:买家看到这张图后,是更信任你还是更困惑。拿不准的时候,把候选主图发给 3 个目标市场的潜在客户看,问他们”这家公司主要做什么”,回答一致的那张就是对的。
配色与主图的搭配同样影响第一印象:主图色调要和品牌色一致,蓝色系给人工业可靠感、绿色系适合环保主题、暖色系适合家居类。外贸品牌色的选择逻辑,包括 B2B 网站配色的完整方法,见外贸品牌色怎么定这篇。

主图选图自查清单
上线前把这张清单过一遍,能筛掉 80% 的主图问题:第一,5 秒三问能否答全;第二,主体是否在中央 60% 区域;第三,WebP 格式且体积 200KB 以内;第四,文字和图片信息一致;第五,移动端单独一版;第六,alt 文本写清楚;第七,与品牌色系一致;第八,有明确的 CTA 指向。前四条是硬性标准,后四条是加分项。主图涉及的整体页面结构、文案与视觉的配合,可以参考外贸网站字体排版这篇,欧美站的”专业感”很大程度来自图文秩序的统一。
如果主图之外还需要完整的首屏方案,包括导航、副标题、CTA 按钮的搭配,外贸网站建设服务的策划阶段会把首屏信息架构一起定下来;品牌视觉升级单独做的,看品牌 VI 设计服务。
常见问题
外贸网站主图用多大的图片合适?
宽度控制在 1920px 以内,输出 WebP,体积压到 200KB 以下,移动端单独裁剪一版竖构图。
主图上要不要放文字?
可以,但必须与图片信息一致,写结果不写过程,8 到 12 个英文单词以内,必要时用半透明遮罩保证可读性。
工厂实拍和场景图哪个好?
机械五金等制造能力行业用工厂实拍,家居礼品等消费品类用精修场景图,判断标准是买家看到后是否更信任你。
主图多久换一次?
B2B 主图服役周期通常 1 到 2 年,有新产品线、新工厂或品牌升级时再换,换之前先过自查清单。