pixpix内置移动端专用工作流可一站式解决加载速度、屏幕适配与触控友好性问题：支持1200×1600竖版预设、一键生成主图/场景图/细节图、响应式多倍率导出及webp+avif双格式自动分发。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
为移动端独立站制作商品图，必须兼顾加载速度、屏幕适配和触控友好性——图片尺寸不能过大导致页面卡顿，又要足够清晰让手指滑动时细节不糊，还得在iPhone和安卓不同比例屏幕上都居中显示。PixPix内置的移动端专用工作流，能一次性解决这三重约束。
上传原图并选择“独立站-移动端”模板
进入PixPix工作台首页，点击【上传商品图】，支持单张或批量拖入；上传完成后，在右侧模板栏下拉选择“独立站-移动端”分类，该模板已预设1200×1600像素竖版尺寸、96dpi导出精度、WebP格式压缩参数，避免手动设置出错。
这一步不能跳过，【跳过模板直接用通用尺寸会导致图片在Shopify或WooCommerce移动端页面被自动裁切顶部/底部】，因为独立站主题通常强制调用特定宽高比的缩略图接口。
一键生成三类必需图：主图+场景图+细节图
方法一：点击“生成套图”→勾选“移动端优化”复选框→系统自动输出3张图：1张纯白底主图（用于商品列表页瀑布流）、1张生活化场景图（用于商品详情页首屏）、1张局部放大细节图（用于点击展开查看）。
方法二：若需控制场景风格，点击“AI Agent对话框”，输入：“这张保温杯要上架Shopify独立站，生成适合手机竖屏浏览的厨房使用场景图，背景虚化但杯身文字清晰，不要出现人物”。系统会调用Qwen-Image-3.0模型处理多语言文字渲染，确保杯身英文标签不扭曲。
注意：场景图必须关闭“自动加边框”选项，独立站主题CSS常对带边框图片做额外缩放，会导致实际显示比例失真。
导出前强制开启三项移动端专属设置
第一步：在导出面板点击【高级设置】→开启“响应式尺寸适配”，PixPix会自动为同一张图生成3套分辨率：1x（1200×1600）、2x（2400×3200）、3x（3600×4800），Shopify Liquid模板可自动调用对应版本。
第二步：勾选“WebP+AVIF双格式导出”，AVIF在iOS 17+和Chrome最新版中加载更快，而WebP兼容旧安卓机型，PixPix会按设备UA自动分发。
第三步：点击【文件名规范】→选择“Shopify格式”，自动生成符合Shopify要求的命名规则：product-handle-main.jpg、product-handle-scene.jpg、product-handle-detail.jpg，省去手动重命名时间。
