wp_get_attachment_image_srcsetは引数にどの画像サイズを入れても結果は同じ

作成日:

WordPressの画像を表示する際にレスポンシブ用のsrcsetを出力する

wp_get_attachment_image_srcset

favicon
wp_get_attachment_image_srcset() | Function | WordPress Developer Resources https://developer.wordpress.org/reference/functions/wp_get_attachment_image_srcset/

Retrieves the value for an image attachment’s ‘srcset’ attribute.

という関数があるのですが、引数に画像IDと画像サイズを入力するようになっています。

PHP
wp_get_attachment_image_srcset( int $attachment_id, array|string $size = 'medium', array $image_meta = null );

なので、試しに幅2000pxの画像ファイルをアップロードして、各サイズの出力結果を見てみたのですが・・・

PHP
$image_id = *****;
echo wp_get_attachment_image_srcset( $image_id, 'thumbnail' );
echo '<br>';
echo wp_get_attachment_image_srcset( $image_id, 'medium' );
echo '<br>';
echo wp_get_attachment_image_srcset( $image_id, 'large' );
echo '<br>';
echo wp_get_attachment_image_srcset( $image_id, 'full' );
HTML
<!-- thumbnail -->
https://monoxa.net/wp-content/uploads/yama-200x134.jpg 200w, https://monoxa.net/wp-content/uploads/yama-640x427.jpg 640w, https://monoxa.net/wp-content/uploads/yama-1024x684.jpg 1024w, https://monoxa.net/wp-content/uploads/yama-1536x1025.jpg 1536w, https://monoxa.net/wp-content/uploads/yama.jpg 2000w

<!-- medium -->
https://monoxa.net/wp-content/uploads/yama-640x427.jpg 640w, https://monoxa.net/wp-content/uploads/yama-1024x684.jpg 1024w, https://monoxa.net/wp-content/uploads/yama-200x134.jpg 200w, https://monoxa.net/wp-content/uploads/yama-1536x1025.jpg 1536w, https://monoxa.net/wp-content/uploads/yama.jpg 2000w

<!-- large -->
https://monoxa.net/wp-content/uploads/yama-1024x684.jpg 1024w, https://monoxa.net/wp-content/uploads/yama-640x427.jpg 640w, https://monoxa.net/wp-content/uploads/yama-200x134.jpg 200w, https://monoxa.net/wp-content/uploads/yama-1536x1025.jpg 1536w, https://monoxa.net/wp-content/uploads/yama.jpg 2000w

<!-- full -->
https://monoxa.net/wp-content/uploads/yama.jpg 2000w, https://monoxa.net/wp-content/uploads/yama-640x427.jpg 640w, https://monoxa.net/wp-content/uploads/yama-1024x684.jpg 1024w, https://monoxa.net/wp-content/uploads/yama-200x134.jpg 200w, https://monoxa.net/wp-content/uploads/yama-1536x1025.jpg 1536w

これ。
全部一緒
やん。

並びは違うけど、出力される結果はすべて同じなので、一見すると画像サイズを選択する必要性を感じられません。

srcsetは画面サイズに応じて指定された画像を表示するので、並びは無関係だと思うのだけど。

何か意味はあるのか?

例えばmedium指定ならmedium(ここでは640px)を最大サイズに固定しれくれる、なんてことがあれば使い分けも出来ようけれど。

物草 灸太郎
物草 灸太郎

WordPressでホームページを制作しつつ、休日は畑を耕したりDIYを楽しんでいます。

コメントをどうぞ

※ メールアドレスが公開されることはありません。