nginxを使用して画像サイズを動的に変換し、サムネイルを生成します。

Nginx ngx_http_image_filter_module モジュール (nginx バージョン 0.7.54+) を使用すると、JPEG、GIF、PNG、WebP 形式の画像サイズを動的に変換できます。

このモジュールはデフォルトではビルドされないため、--with-http_image_filter_module 構成パラメータを使用して有効にする必要があります。

画像トラフィックが大きくない場合は、このモジュールを使用できます。

このモジュールは libgd ライブラリを使用します。最新バージョンのライブラリを使用することをお勧めします。

nginx がすでにインストールされている場合にこのモジュールを追加する手順は次のとおりです。

1 インストールの依存関係

yum -y gd-develをインストールします
yum -y libxslt-devel をインストールします
yum -y インストール perl-devel perl-ExtUtils-Embed

2 元のnginxパラメータを表示する

 nginx -V

出力は次のようになります。

nginx バージョン: nginx/1.12.2
引数を設定します:

--with-http_image_filter_module があるかどうかを確認します。ある場合は、インストールされていることを意味します。ない場合は、インストールを続行します。

3 コンパイル

再コンパイルする場合は、元のものと同じバージョンの nginx ソースコードをダウンロードして解凍する必要があります。

--with-http_image_filter_module=dynamic と元のパラメータを追加します (再インストールするために make install コマンドを実行する必要はありません)

./configure --with-http_image_filter_module=dynamic
作る

4 元のnginxをバックアップする

cp -r /usr/local/nginx /usr/local/nginxbak

5 nginxをカバーする

cp objs/nginx /usr/local/nginx/sbin/
mkdir /usr/local/nginx/module
objs/ngx_http_image_filter_module.so を /usr/local/nginx/module/ngx_http_image_filter_module.so にコピーします。

6 設定ファイルを変更する

vim /usr/local/nginx/conf/nginx.conf

モジュールをロードします /usr/local/nginx/module/ngx_http_image_filter_module.so;
場所 ~* /images/(.+)_(\d+)x(\d+)\.(jpg|jpeg|gif|png)$ {
        $w $2 を設定します。
        $h $3 を設定します。
        image_filter のサイズを $w $h に変更します。
        image_filter_buffer 30M; #画像バッファの最大サイズを設定します。サイズが設定値を超えると、サーバーはエラー415を返します。
        image_filter_interlace をオン;
        画像フィルター jpeg 品質 80;
        try_files /$1.$4 /notfound.jpg;
        有効期限は1日です。
        add_header 'Access-Control-Allow-Origin' '*';
        add_header 'Access-Control-Allow-Credentials' 'true';
        alias /home/publisherupload/ ; #root は、/images/ パスにアクセスするときに /User/XX/Desktop/images にアクセスできるようにします。root を alias に置き換えると、/User/XX/Desktop/ にアクセスします。/User/XX/Desktop/ は、ローカル マシン上の絶対パスです。
    }

場所 /画像 {
  alias /home/publisherupload/ ; #root は、/images/ パスにアクセスするときに /User/XX/Desktop/images にアクセスできるようにします。root を alias に置き換えると、/User/XX/Desktop/ にアクセスします。/User/XX/Desktop/ は、ローカル マシン上の絶対パスです。
  autoindex on; #ディレクトリ参照機能を開く}

7 nginx設定を再読み込みする

nginx の sbin ディレクトリに nginx の sbin ディレクトリを作成します。

8 テスト

最終的な画像アクセスアドレスは、元の画像アドレスの後に_width x heightパラメータを追加します。

http://110.87.103.58:12345/images/2021-01/202101250944272_500x400.png

参照する

https://cloud.tencent.com/developer/article/1644466

nginx を使用して画像サイズを動的に変換し、サムネイルを生成する方法についてはこれで終わりです。nginx による画像サイズの動的変換の詳細については、123WORDPRESS.COM の以前の記事を検索するか、次の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。

以下もご興味があるかもしれません: