You need to register the condition for outputting images for different devices

< img src= "if (screen.width < 480) {{$ slide.image_url} .replace (". Jpg", "_mobil.jpg");} else {{$ slide.image_url}} ">

{$ slide.image_url} -Basic image.

Essence -so that other drawings substituted on the screens less than 480px. They are already pre-prepared and have names * _mobil.jpg

For example: 1.jpg and on mobile will show 1_mobil.jpg

Read adaptive images

Simon2021-09-05 15:05:08

Other images need to withdraw using HTML Picture tag or via CSS DISPLAY property with @media requests

highpassion2021-09-05 15:05:08