web-dev-qa-db-ja.com

WP レスポンシブ画像による4.4縦横比

新しいWPレスポンシブ画像を作成して画像をファイル名で選択し、アスペクト比をチェックせずにsrcsetに追加する方法

私は自分のサイズがあります。

add_image_size( 'l', 992, 500, array( 'center', 'center' ) );
add_image_size( 'm', 768, 500, array( 'center', 'center' ) );
add_image_size( 'sm', 450, 300, array( 'center', 'center' ) );

そしてそれらをsrcsetで使いたいのです。

imagesadd-image-sizeresponsive
3
cgslav

してはいけません。

srcsetは、異なるサイズの同じイメージを提供することによって、デバイスごとに品質を最適化したい場合に使用します。あなたが異なる作物に仕えたいのなら、代わりにpicture要素を使うべきです。

例えば、あなたのイメージサイズの意図が 'モバイル'デバイスに '小さい'バージョンを提供することであるならば、srcsetを使用することはそれを達成しません。たとえば、iPhone 6は、幅が414ピクセルしかないにもかかわらず、3倍の網膜品質であるため、大きな992 x 500の画像を提供します。

3
Stephen