文档Commerce配置指南

为远程存储配置图像大小调整

Last update: Mon Jul 15 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

创建对象：

  • 有经验的
  • 管理员
  • 开发人员

默认情况下，Adobe Commerce支持在应用程序端调整图像大小。 但是，通过启用“远程存储”模块，您可以使用Nginx将调整映像大小的功能卸载到服务器端，从而节省磁盘资源并优化磁盘使用。

下图显示了Nginx如何在缓存中检索、调整大小和存储图像。 调整大小取决于URL中包含的参数，如高度和宽度。

图像大小调整

TIP
有关云基础架构项目上的Adobe Commerce，请参阅为云基础架构上的Commerce配置远程存储

在Adobe Commerce中配置URL格式

要调整服务器端图像的大小，必须配置Adobe Commerce以提供图像的高度、宽度和位置(URL)参数。

要配置Commerce以调整服务器端图像大小：

  1. 在​ 管理员 ​面板中，单击​ Stores > Settings > Configuration > General > Web。

  2. 在右窗格中，展开​ Url options。

  3. 在​ 目录媒体URL格式 ​部分中，清除​ Use system value。

  4. 在​ 目录媒体URL格式 ​字段中选择Image optimization based on query parameters URL。

  5. 单击​ Save Config。

  6. 继续到Nginx配置。

配置Nginx

要继续配置服务器端图像大小调整，您必须准备nginx.conf文件并为您选择的适配器提供proxy_pass值。

要允许Nginx调整图像大小：

  1. 安装Nginx映像筛选器模块。

    code language-shell 
    load_module /etc/nginx/modules/ngx_http_image_filter_module.so;

  2. 基于包含的模板nginx.conf.sample文件创建一个nginx.conf文件。 例如：

    code language-conf 
    location ~* \.(jpg|jpeg|png|gif|webp)$ {
    set $width "-";
    set $height "-";
    if ($arg_width != '') {
        set $width $arg_width;
    }
    if ($arg_height != '') {
        set $height $arg_height;
    }
    image_filter resize $width $height;
    image_filter_jpeg_quality 90;
}

  3. [可选]​为特定适配器配置proxy_pass值。

recommendation-more-help
386822bd-e32c-40a8-81c2-ed90ad1e198c