PS切片需先用Ctrl+R调出标尺并拖出水平参考线，按信息流分段为六模块，每段高800–1200px；再用矩形选框工具复制粘贴新建文件，最后Ctrl+Shift+Alt+S导出Web格式，品质设80并转sRGB。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
Lovart详情页图片太长导致加载慢、用户滑动疲劳、转化率下降，需要把一张超长图拆成逻辑清晰、尺寸合规、视觉连贯的多个模块，每个模块独立上传到后台对应位置。
先用PS切出模块边界
打开原始长图→按Ctrl+R调出标尺→拖出水平参考线，按产品信息流顺序分段：首屏主图→卖点图标区→细节特写→场景图→参数表格→售后说明。每段高度控制在800–1200px之间，【切图前务必关闭“调整图像大小”选项，否则会模糊】。
用矩形选框工具（M）框选第一段→Ctrl+C复制→新建文件（Ctrl+N），宽度保持原图宽，高度填入当前段像素值→Ctrl+V粘贴→Ctrl+Shift+Alt+S另存为Web所用格式，品质设为80，勾选“转换为sRGB”。
用Figma自动分割并标注
方法一：导入长图到Figma页面→选中图层→右键选择“Auto Layout”→设置方向为Vertical、间距为0→在右侧属性栏点击“+”添加Frame，每加一个Frame就代表一个模块区域→双击Frame名称改为“主图”“材质细节”等业务标签。
方法二：安装插件“Slice Master”→选中长图→点击插件面板里的“Split by Height”→输入960→运行→自动生成等高Frame组→导出时勾选“Include frame name in filename”，避免传错位置。
这一步导出的文件名带模块名，比如“材质细节.png”，直接对应后台“材质说明”字段，不用再手动核对。
上传前压缩与命名规范
第一步：把所有切好的图拖进Squoosh.app（Chrome网页版）→左侧上传→右侧选择MozJPEG，质量滑块拉到75→确认输出尺寸未被缩放→下载。
第二步：重命名文件，格式统一为“lovart_产品编码_模块名_序号”，例如lovart_LV2024_fabric_detail_01.png。注意【序号必须从01开始，且不可跳号，后台按数字顺序拼接】。
第三步：登录Lovart商家后台→进入商品编辑页→找到“详情页模块管理”→点击“+新增模块”→依次上传，上传时选择对应模块类型（主图/参数/场景图），系统会自动识别宽高比并提示是否适配。
