Q&A
ご覧いただきありがとうございます。
表題の件で質問です。
WordPressでは <picture> / <source> を利用したレスポンシブイメージや高解像度ディスプレイ向け画像には対応できないでしょうか。
レスポンシブイメージに対応しているところまでは把握しております
プラグインを利用する形でも構いません。
色々と調べてみましたが現状のところ良い方法が見つかりません。
【実現したいこと】
2560pxの画像をアップロードした場合は下記のようなコードを出力
HTML
1<picture> 2 <source media="(min-width: 768px)" srcset="image_1280x@2x.jpg 2x, image_1280x.jpg 1x"> 3 <source media="(max-width: 767px)" srcset="image_768x@2x.jpg 2x, image_768x.jpg 1x"> 4 <img srcset="image_1280x@2x.jpg 2x, image_1280x.jpg 1x" src="image_1280x.jpg" alt=" class="lazyload"> 5</picture>
よろしくお願いいたします。
あなたの回答
tips
プレビュー
