レスポンシブで表示画像を変える

日本語
1

レスポンシブで表示画像を変える、
例えば、PCなら101.jpg、モバイルなら102.jpgを表示させたい。
そのような方法、ブロックはありますか？

Block Builder のアドオンを入れてみましたが、その様な設定、

項目は見つけられませんでした。

2

Some themes support that. It depends on exactly what you want to do. You can also just do it with CSS breakpoints.

The built-in image block allows you to specify different images for various breakpoints:

Screenshot 2025-01-16 at 12.16.00
Screenshot 2025-01-16 at 12.16.001284×1736 177 KB

3

Thanks for the reply.

I may be mistaken,
It seems to me that the method you have presented changes the size of the image but does not automatically switch the image file itself.

4

Check out @Myq’s initial advice about css breakpoints, you will be able to display different images using this technique.

5

Sorry, you’re right. I didn’t look closely enough! You can definitely do it with CSS breakpoints though.