問題タブ [gulp-imagemin]

@1x と @2x の画像など、 gulp-image-resizeで複数の画像を吐き出すことは可能ですか。私のgulpタスクは現在次のようになっています：

しかしtest@2x.jpg、960px の幅で呼び出された画像を目的のディレクトリに配置するだけです。

2 つの画像を保存する方法はありますか。test.jpg960px の幅で呼び出されたものと、1920pxtest@2x.jpgの幅で呼び出されたもの?

どんな助けでも大歓迎です。前もって感謝します！

単純に画像を最適化するために Gulp を試しているだけです。imagemin-jpeg-recompressは、 gulp-imageminに付属するデフォルトのオプティマイザーよりも JPG を削減することが わかりました。使用する方法があるかどうか疑問に思っていますgulp-imageminが、jpegtranプラグインをimagemin-jpeg-recompress.

これがどのように連携するかについての詳細なドキュメントが見つからないようです。

タイトルが示すように、でそれを行う方法はありgulpますか? picture複数のimg srcset属性に複数の画像を含める必要があります。そして、これはサイト上のアセット専用です (つまり、ユーザーがアップロードした写真ではありません)。

を使用して、タブレット用とモバイル用の 2 つの画像を作成したいのですgulp-copyが、おそらくお勧めしません。モバイル ディスプレイは 320px-500px (幅)、タブレットは 500-1000px (幅) になると想定しています。

私の戦略は、最初に画像を最適化し、その画像をマスターとして作成し、次に 2 つの他の画像を生成することです。そのため、ソース画像は常にデスクトップ用 (表示幅 > 1000px) であると想定しています。<-- 他のディスプレイであると仮定してパラメータを渡すことができるタスクがあれば、さらに良い

私のもう 1 つの課題はheight画像です。各ディスプレイの基準はありません (基準を作成するのは非常に困難です)。したがって、100px x 800px の画像がデスクトップの画像であると仮定すると、モバイルとタブレットの計算方法がわかりません。

これまでにこれをやったことがある人はいますか？gulpで画像解像度のサイズを変更しますか?

解決済み: とgulp-responsive-images

gulp タスクを機能させようとしていますが、次のエラーが発生します。

エラー自体についてはあまり説明がなかったので、「スーパースタック」をインストールしてこれを取得しました：

なぜこのエラーが発生するのか分かりますか? 修正するにはどうすればよいですか?

どうもありがとう！

編集：

これは私が実行しようとしているタスクです。

この gulpfile.js (以下を参照) を半年間使用していましたが、問題なく動作しました。現在、Windows 8.1 64ビットでは、何時間も正常に動作しません。Firefox で LiveReload を使用して RealTime と Growl の変更を確認し、変更されたという通知を受け取ります。

ソースコード全体は次のとおりです。

さて、これらの行を変更する必要があることに気付きました

に

ver3に対応。gulp（またはgulp-notifications？）のですが、それでも解決しませんでした。

私の問題は、現在、main.sass の変更を認識し、そのファイルを .css ファイルに圧縮し、images/js ファイルを配置して移動したかどうかを通知するために、以前のようにスクリプトを動作させることができないことです。によると。画像の部分はそれほど重要ではありませんが、SASS は重要です。それに応じて、/compiled/css または /compiled/images に配置する必要があります。

sass ファイルを変更して保存しようとするたびに、次のようになります。

もちろん、パスを変更しようとしましたが、変数を渡す代わりに関数で直接パスを使用しようとしましたが、役に立ちませんでした。助言がありますか？私は今4時間苦労しており、何とか機能させることができましたが、多くの機能を削除し、毎回gulpを再起動する必要がありました. 画像を「縮小」することもできませんでした。

コマンドを実行するgulpと、次のエラーが表示されます。

そして、imageminタスクをgulpfile.js

エラーはなくなり、他のすべてのタスクはエラーなしで実行されますが、もちろん、画像は縮小されません。

OSXキャプテンの最新バージョンで実行しています。

この問題の原因は何ですか?

NPMを使用してプロジェクトをビルドしていますが、インストール プロセスがハングします。

gulp の gulp-imageminモジュールに絞り込みました。

私が走れば

npm install gulp-imagemin@2.3.0

約 5 分マークでハングします。

「npm install --verbose」を実行すると、大量の出力が得られ、最終的にこれでハングします。

npm verb unsafe-perm in lifecycle true npm info postinstall utf-8-validate@1.2.1 npm verb unlock done using C:\Users\watkins\AppData\Roaming\npm-cache_locks\utf-8-validate-d0ec860f08ac7b2c.lock for D:\dev\ngs-frontend-next\node_modules\browser-sync\node_modules\socket.io\node_modules\engine.io\node_modules\ws\node_modules\utf-8-validate

jpegtran-bin@3.0.6 postinstall D:\dev\ngs-frontend-next\node_modules\gulp-imagemin\node_modules\imagemin\node_modules\imagemin-jpegtran\node_modules\jpegtran-bin ノード lib/install.js

これは gulp-imagemin と関係がありますか?

この問題を解決するにはどうすればよいですか？