モノグサにお灸

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

作成日： 2020年8月20日

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 -->
http://monoxa.net/wp-content/uploads/yama-200x134.jpg 200w, http://monoxa.net/wp-content/uploads/yama-640x427.jpg 640w, http://monoxa.net/wp-content/uploads/yama-1024x684.jpg 1024w, http://monoxa.net/wp-content/uploads/yama-1536x1025.jpg 1536w, http://monoxa.net/wp-content/uploads/yama.jpg 2000w

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

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

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

これ。
全部一緒
やん。

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

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

何か意味はあるのか？

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

物草 灸太郎
物草 灸太郎

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

⬅ 前の記事
ブログのテーマをカスタマイズ中
次の記事 ➡
PHPで絵文字をUnicodeに変換するコード

関連投稿

Loading...

コメントをどうぞ

  • メールアドレスが公開されることはありません。
  • コメント欄にURLは入力できません。
  • このサイトはreCAPTCHAによって保護されており、Googleのプライバシーポリシーと利用規約が適用されます。