Display Appropriate Images For Each Device.
Fernando Bautista
Best regards, and I hope you are well.
I would like to know how I can display images for desktop and mobile devices in the same SPPB module without having to create a module and images for each device based on its height and width.
In my case, I have a news website (https://portalnews.co), and as you can see, I have images of both height and width, and it's quite tedious, for example, to create a module just to display the image on a PC, so that when viewed on mobile devices, it appears smaller, or vice versa, to create a module for mobile devices, so that the image displays poorly on a PC.
I appreciate your kind collaboration on this matter.
Atick Eashrak Shuvo
Accepted AnswerBest regards, and thank you for your message.
Apologies for the inconvenience caused. Unfortunately, SP Page Builder does not currently support displaying different images for desktop and mobile views within the same module. While you can adjust the width and height of the image responsively for different screen sizes, it is not possible to load separate images based on the device type.
Thank you for your understanding.
Kind regards
Fernando Bautista
Accepted AnswerHi Atick, and thanks for the information.
Specifically, how should I apply the solution you propose? Could this be a solution for my case, or do I necessarily need to create a module for each image type based on the device?
I appreciate your specific guidance. Thank you.
Atick Eashrak Shuvo
Accepted AnswerIf you need to display different images for different devices (e.g., desktop vs. mobile), the recommended approach is to use separate Image addons for each version. You can then control their visibility using the Responsive settings in SP Page Builder — simply choose which device(s) each addon should be shown or hidden on.