文件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