跳到主要内容

图片显示不全

如果产品图、画廊图或首页模块里的图片显示不完整,通常是模块使用了裁剪填充模式。你可以把图片显示方式改成 Fit inside

处理流程

操作方法

  1. 进入页面设计器。
  2. 点击图片所在的模块。
  3. 在右侧属性面板找到 Media 或图片显示方式。
  4. 将显示方式改为 Fit inside
  5. 发布后刷新前台查看。

AllinCMS 图片显示方式设置 - 右侧 Media 下拉选择 Fit inside,用于让产品图片完整显示在模块容器中

几种显示方式的区别

方式适合场景
Crop to fill适合统一铺满卡片,但可能裁掉边缘
Fit inside适合产品图完整展示
Stretch一般不推荐,容易拉伸变形
Original size适合少量特殊图片
Scale down适合图片本身较大但不想放大

如果仍然不好看

  • 产品图尽量统一成正方形。
  • Banner 图使用横图,不要用竖图硬塞。
  • 图片主体不要贴边,四周留一点空白。
  • 参考 图片规范 重新压缩和裁剪。