カスタム画像サイズ/サムネイル-ソース画像が設定されたサイズよりも小さい場合でもアスペクト比にトリミング

通常、ハードクロップを使用してカスタム画像サイズを設定すると、たとえばadd_image_size( 'custom-size', 400, 400, true );、次の結果が得られます。

• ＃1アップロードされた画像：600x500>サムネイル：400x400。
• ＃2アップロードした画像：500x300>サムネイル：400x300。
• ＃3アップロードされた画像：300x200>サムネイル：300x200。

しかし、私がしたいのは、アップロードされた画像がカスタム画像サイズの設定された幅または高さ、あるいはその両方よりも小さい場合です。これらの次元内-次のように、アスペクト比（この場合は1：1）に合わせてトリミングされます。

• ＃1アップロードされた画像：600x500>サムネイル：400x400。
• ＃2アップロードされた画像：500x300>サムネイル：300×300。
• ＃3アップロードされた画像：300x200>サムネイル：200×200。

これは標準のadd_image_sizeオプションを使用して可能であるとは思わないが、別の関数、またはadd_image_size関数を変更するフックを使用して可能ですか？

または、この機能を追加するプラグインはありますか？

どなたでもご提供いただける情報をいただければ幸いです。

それはそのように機能しないだけです。

逆にあなたの質問を考えるのがよければ、画像サイズとレスポンシブ画像の選択を使用して、最新のブラウザーで正しい結果を得ることができます。

このようなコードを使用する場合：

add_image_size( 'custom-size-small', 200, 200, true );
add_image_size( 'custom-size-medium', 300, 300, true );
add_image_size( 'custom-size-large', 400, 400, true );

...そしてあなたのテンプレートでは次のようなものです：

wp_get_attachment_image( $image_ID, 'custom-size-small' )

...そしてデフォルト（WP 4.4以降）では、セットの最小バージョンsrcとsrcset属性のサイズが大きいイメージタグが取得されます。新しいブラウザは、適切な最大バージョンから選択して表示します。

そのため、特定の画像に大きなバージョンがなくても問題ありません。作成され300x200た200x200バージョンを持つ画像は、そのバージョンがHTMLで唯一のものであり、すべてのブラウザで表示されます。

レスポンシブ画像を微調整しながらこれを解決したので、のみをサポートしsrc、サポートしていないブラウザで良好なパフォーマンスが得られましたsrcset。

それは、新しいCSSのソリューションだとそれだけで働いているので、これは本当に良い解決策ではありませんユーザーのブラウザの78.9パーセントが、それを克服することができますいくつかのpolyfillsがあるオブジェクトフィット-画像とfitieは、

img {
    display: block;
    overflow: hidden;
    width: 400px;
    height: 400px;
    -o-object-fit: cover;
       object-fit: cover;
}

理想的には、アップロード時に小さな画像がそれに比例して拡大縮小された方が良いでしょうが、その解決策を見つけることができませんでした。