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 出力は次のようになります。
--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 をよろしくお願いいたします。 以下もご興味があるかもしれません:
|
>>: Vueのフロントエンドシステムとフロントエンドとバックエンドの分離の詳細な説明
最近、社内に Hadoop テスト クラスターを構築したいので、docker を使用して Hadoo...
1.VirtualBoxソフトウェアをダウンロードしてインストールするまず、VirtualBox の...
新年の初めに、友人の健康と2013年が素晴らしい年となることを心からお祈りいたします。この記事では、...
float:左/右/なし; 1. 同じレベルフローティング(1)ブロックレベル要素を同じ行に表示する...
以前、UDP を使い始めるために簡単な UDP サーバーとクライアントの例を作成しましたが、実際に使...
この記事では、テーブルの編集操作を実現するためのjs+Htmlの具体的なコードを参考までに共有します...
目次1. ウェアハウスを使用してhttpd lrzsz解凍ファイルを作成する2. ソースコードファイ...
目次機能紹介関数関数の作成コンストラクタは関数を作成する関数宣言は関数を作成する関数式関数を作成する...
1. Mariaソースを追加する vi /etc/yum.repos.d/MariaDB.repo...
<a href="" onclick=""> を...
最近、vue について読みました。これまで基本的に見落としていた単一ファイル コンポーネントを見つけ...
1. 開発環境 vue+vant 2. コンピュータシステム Windows 10 Profess...
問題の起源docker を使用する場合、残念ながら docker コンテナ内のホストのポート 80 ...
1. xhtmlの下のスクロールバーの色元の HTML では、ページ全体のスクロール バーを次のよう...
背景基本概念CSS filterプロパティは、ぼかしや色の変化などのグラフィック効果を要素に適用して...