图片优化

缩略图统一圆角:视觉更整齐

我每次把商品图丢到 listing 里,最烦的就是缩略图方方正正、大小还不一,整排看下来乱糟糟。后来我养成习惯:上新前先把所有缩略图调成统一的圆角,页面一下就整齐了,买家扫一眼也舒服。

圆角其实不只是好看,它还能让图片边缘和卡片背景柔和过渡,不会显得那么硬。我是用本地工具一次批量处理几十张,半径设成一样的,避免每张圆角大小不一样又变成另一种乱。

缩略图统一之后,我还顺手把尺寸也归一了。原图有横有竖,直接缩会被压变形,所以先按短边裁齐再缩到同一宽度。本地缩放的好处是文件不出机器,处理完直接传后台,不担心图先流到第三方。

有一点容易忽略:圆角半径别贪大。缩略图本来就小,半径太大反而把主体裁没了,重点商品反而看不清。我一般按最终显示宽度的 8% 到 12% 取,手机端看着最自然。

整批处理完我会先导出几张在手机上扫一眼,确认圆角和尺寸都一致,再统一替换。比起一张张手动改,本地批量跑十分钟就收工,后面遇到新图也是同一套参数复用。

相关本地工具(打开即用,零上传)