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のフロントエンドシステムとフロントエンドとバックエンドの分離の詳細な説明
この記事では、参考までに、テキストループスクロールを実現するアプレットの具体的なコードを例を挙げて紹...
CentOS7 のデフォルトのデータベースは mariadb ですが、mysql を使っている人も多...
プロジェクトをプロジェクトサイトのテスト環境にデプロイするJDK1.8トムキャット8.5 Maven...
HTML4 についてHTML (XHTML ではありません)、MIME タイプは text/html...
この記事の例では、Vueスライダー検証の実装を共有しています。コードは次のとおりです。 <テン...
タブバー: 異なるタブをクリックすると異なるコンテンツが表示され、クリックしたタブのスタイルが変更さ...
MySQL データベースでは、テーブルが互いに関連付けられた後は、それらを任意に削除することはできま...
目次1. はじめに2. JDBCはストリーミングクエリを実装する3. パフォーマンステスト3.1. ...
JDK とは何ですか?まあ、この質問がわからないのであれば、なぜこれをインストールするのか本当にわか...
1. はじめに少し前、開発者がテスト環境や本番環境で誤った操作をし、データベースを誤って削除/更新し...
mybatis を学習しているときにエラーが発生しました。エラーの内容は次のとおりです。データベース...
Mysqlページングの2つのパラメータ ユーザー制限 1,2 から * を選択 1 は検索する最初の...
この記事では、簡単な画像ドラッグ効果を実現するためのjsの具体的なコードを参考までに紹介します。具体...
Alibaba Cloud ホストを購入したばかりで、その速度を試すのが待ちきれませんでした。しか...
コードをコピーコードは次のとおりです。 <!--[if !IE]><!-->...