电子商务
商品图片放大：桌面、触屏和性能设计
放大需要真实细节
高分辨率且清晰的源图是有效放大的基础。只有把低分辨率图片放大，会得到更大的模糊像素。先确认产品纹理、标签和关键细节在原图中清楚可见。
常见交互方式
CSS 缩放适合简单效果；跟随指针的放大可用于桌面；独立放大镜面板便于比较局部；灯箱或对话框适合完整查看。根据用户任务选择方式，不要让复杂动画妨碍查看商品。
触屏与键盘
手机没有持续悬停，需提供明确的点击打开及关闭操作。支持合理的捏合缩放或原生浏览方式，避免与页面滚动冲突。键盘用户应能进入放大视图、操作控件并关闭后回到原来的位置。
加载策略
先展示适合当前布局的图片，在需要放大时加载高分辨率资源。可以在明确的用户意图出现时预取，避免页面初始就下载每件商品的大图。缓存有助于重复查看，但要控制同时占用的内存。
验收要点
在手机和桌面检查清晰度、加载等待、错误提示和关闭行为。图像不应遮挡必要的购买信息或形成无法退出的层。提供替代文本，并保证图片之外也能获取关键商品描述。
动手处理文件
保留原始文件，先用一个样本检查结果，再处理其他文件。imgpact 在您的浏览器中处理所选文件；首次加载软件仍需要网络连接。