教程 · 电商上架
详情页做成长图没人看：把核心信息压进首屏三段
把详情页拆成首屏、卖点、参数三段，控制切图宽度和字号，手机上看不清的问题一次解决。
前置：有一版详情页设计稿或长图，需要在手机端上架展示。
材料：详情页长图、图片切片工具、平台详情页规范、手机真机
材料：详情页长图、图片切片工具、平台详情页规范、手机真机
步骤
1. 先定首屏三秒信息
首屏只放三件事：商品是什么、最大卖点、适用人群；把参数表和品牌故事往后放，买家在首屏决定要不要继续往下滑。
2. 按平台宽度切图
先查平台详情页建议宽度，常见是 750 或 790 像素，以平台页面为准；宽度不对会被缩放，文字边缘发虚，切图前统一画布尺寸。
3. 一段只讲一个主题
把长图分成卖点、场景、参数、售后几段，每段一个标题；一段里塞五个卖点，读者一个都记不住，段落之间留出明显分隔。
4. 字号按手机阅读定
正文不小于 24 像素，标题不小于 36 像素，行距留足；在电脑上看着刚好的字号，到手机上往往小到看不清。
5. 上传后用真机预览
上架后在手机上看一遍首屏、切缝和最后一段，确认图片没有错位、没有被压缩；后台预览和真机显示经常不一致。
做完检查
- 首屏能看清商品和核心卖点
- 切图接缝处文字和图形没有断开
- 真机预览字号清晰不费眼
常见错误
- 整张几万像素的长图直接上传，加载慢还糊
- 字号按电脑屏幕定，手机上看不清
- 切图切在文字中间，接缝处断字
相关工具
同类教程
商品标题 30 个字塞满关键词：先分级再组合，别堆同义词
把关键词分成核心词、属性词和场景词三层，在字数限制内写出可读又不重复的标题。
查看 →五张主图顺序排错：第一张决定别人点不点进来
按认知顺序安排五张主图，让买家在三秒内看懂是什么、有什么不同、适不适合自己。
查看 →SKU 组合多到填不完：用组合表生成再删无效项
用属性值组合生成完整 SKU 表，再删除不存在的组合，保证每个 SKU 都有价格、库存和图片。
查看 →更新时间：2026-10-29 · 平台规则/软件版本会变；操作前保留原件，以实际页面为准。
跨库学习路径
按共同关键词匹配，不是随机推荐；从任务到提示词/教程/项目继续走。