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のフロントエンドシステムとフロントエンドとバックエンドの分離の詳細な説明
ウェブデザイナーはジェネラリストであると言わざるを得ません。グラフィックデザイナーは、さまざまな特殊...
サーバー上にタスク プロセスがあります。 ps -ef | grep task を使用して表示すると...
Firefox は、多くの拡張機能とプラグインを備えた、よく使用されるブラウザです。IE に比べて多...
目次1. 基本を理解する2. システム環境を確認する3. ftpコマンドをインストールする[オプショ...
目次Vuex は単一の状態ツリーを使用するため、すべてのアプリケーション状態が比較的大きなオブジェク...
序文:データベースの運用や保守の際には、リンクの総数がいくつあるか、アクティブなリンクがいくつあるか...
ログインページなどのホームページを作成する場合、大きな背景画像を配置する必要があり、さまざまな画面の...
目次序文背景大きな推測パターンを見つける構造とスタイルコンポーネントの実装パラメータキーボードの種類...
目次01 シナリオ分析02 操作方法03 結果分析01 シナリオ分析今日の午後、開発仲間がオンライン...
この記事の例では、ボールのスライドとクロスの効果を実現するためのVueの具体的なコードを共有していま...
目次1. プラットフォームバスの紹介1.1. Linuxドライバの分離と階層化1.1.1. Linu...
MySQL DDL ステートメントDDL、DMLとは何ですか。 DDL はデータ定義言語であり、CR...
序文パスワードを忘れることは、よく遭遇する問題です。MySQL または MariaDB データベース...
クリックされたボタンには赤い画像スタイルを実装し、選択されていない他のボタンには灰色の画像スタイルを...
目次使用シナリオ達成方法1. 動的コンポーネントを配置する場所2. コンポーネントのインスタンスを取...