タイトルが示すように、でそれを行う方法はありgulpますか? picture複数のimg srcset属性に複数の画像を含める必要があります。そして、これはサイト上のアセット専用です (つまり、ユーザーがアップロードした写真ではありません)。
を使用して、タブレット用とモバイル用の 2 つの画像を作成したいのですgulp-copyが、おそらくお勧めしません。モバイル ディスプレイは 320px-500px (幅)、タブレットは 500-1000px (幅) になると想定しています。
私の戦略は、最初に画像を最適化し、その画像をマスターとして作成し、次に 2 つの他の画像を生成することです。そのため、ソース画像は常にデスクトップ用 (表示幅 > 1000px) であると想定しています。<-- 他のディスプレイであると仮定してパラメータを渡すことができるタスクがあれば、さらに良い
私のもう 1 つの課題はheight画像です。各ディスプレイの基準はありません (基準を作成するのは非常に困難です)。したがって、100px x 800px の画像がデスクトップの画像であると仮定すると、モバイルとタブレットの計算方法がわかりません。
これまでにこれをやったことがある人はいますか？gulpで画像解像度のサイズを変更しますか?
解決済み: とgulp-responsive-images