# Alternative images at different breakpoints - is that working yet? **URL:** \ **Category:** Elements\ **Created:** [October 12, 2025, 8:37pm UTC](https://forums.realmacsoftware.com/t/alternative-images-at-different-breakpoints-is-that-working-yet/51670 "2025-10-12T20:37:26Z")\ **Posts on this page:** 16\ **Page:** 1
**Author:** ![LEZ](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/lez/32/35617_2.png) [@LEZ](https://forums.realmacsoftware.com/u/LEZ)\ **Post date:** [October 12, 2025, 8:37pm UTC](https://forums.realmacsoftware.com/t/alternative-images-at-different-breakpoints-is-that-working-yet/51670/1 "2025-10-12T20:37:26Z")
I am trying to implement alternative images at different breakpoints. It doesn’t appear to be available… Lez ---
**Author:** ![jbyfield](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/jbyfield/32/82_2.png) [@jbyfield](https://forums.realmacsoftware.com/u/jbyfield)\ **Post date:** [October 12, 2025, 8:49pm UTC](https://forums.realmacsoftware.com/t/alternative-images-at-different-breakpoints-is-that-working-yet/51670/2 "2025-10-12T20:49:13Z")
The way I do it is duplicate whatever the image is sitting in, a container, a gallery etc, and then under Layout click on Display Hidden or not for that container/gallery depending on the breakpoint. I have three image sliders on one project but only one is visible at a time depending on breakpoint. This allows me to play around with the sizing of the controls for the relevant screen size. ---
**Author:** ![PLM](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/plm/32/31094_2.png) [@PLM](https://forums.realmacsoftware.com/u/PLM)\ **Post date:** [October 12, 2025, 8:57pm UTC](https://forums.realmacsoftware.com/t/alternative-images-at-different-breakpoints-is-that-working-yet/51670/3 "2025-10-12T20:57:17Z")
I have many photos …. A lot work. @jbyfield ---
**Author:** ![ben](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ben/32/28488_2.png) [@ben](https://forums.realmacsoftware.com/u/ben)\ **Post date:** [October 13, 2025, 6:41am UTC](https://forums.realmacsoftware.com/t/alternative-images-at-different-breakpoints-is-that-working-yet/51670/4 "2025-10-13T06:41:13Z")
Hi @LEZ We don’t have a built in way to change an image across breakpoints, at the moment. The best way to achieve this is to do as @jbyfield says, hide/show different images using the “Hidden” setting. If you need help setting up this up, or understanding how this works, just let us know 🙂 ---
**Author:** ![WeaverPixel](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/weaverpixel/32/25453_2.png) [@WeaverPixel](https://forums.realmacsoftware.com/u/WeaverPixel)\ **Post date:** [October 13, 2025, 8:24am UTC](https://forums.realmacsoftware.com/t/alternative-images-at-different-breakpoints-is-that-working-yet/51670/5 "2025-10-13T08:24:27Z")
Hi @ben A question for my better understanding. I am using also in some cases the hidden value as @jbyfield said. That means, if I have 5 breakpoints and I am using 5 photos. I would then always hide 4 and show 1. So far so clear. When the browser loads my page, are then all the 5 photos loaded or only the one which corresponds to my breakpoint? I guess all 5. ---
**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\ **Post date:** [October 13, 2025, 8:38am UTC](https://forums.realmacsoftware.com/t/alternative-images-at-different-breakpoints-is-that-working-yet/51670/6 "2025-10-13T08:38:36Z")
I’d honestly recommend adjusting your design so you can use one image for ALL breakpoints. Feels like madness to want different images at each different breakpoint, but that’s just my opinion 😛 ---
**Author:** ![ben](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ben/32/28488_2.png) [@ben](https://forums.realmacsoftware.com/u/ben)\ **Post date:** [October 13, 2025, 8:44am UTC](https://forums.realmacsoftware.com/t/alternative-images-at-different-breakpoints-is-that-working-yet/51670/7 "2025-10-13T08:44:53Z")
> [@WeaverPixel](#): > > When the browser loads my page, are then all the 5 photos loaded or only the one which corresponds to my breakpoint? I guess all 5. Correct, all 5 would be loaded. I have worked on sites that needed to supply different images per breakpoint, so I know what the use case would be — but I would say it’s very rare to need to use completely different images. We do support resizing Image’s across breakpoints, so you can re-size the same image for each device. ---
**Author:** ![PLM](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/plm/32/31094_2.png) [@PLM](https://forums.realmacsoftware.com/u/PLM)\ **Post date:** [October 13, 2025, 8:48am UTC](https://forums.realmacsoftware.com/t/alternative-images-at-different-breakpoints-is-that-working-yet/51670/8 "2025-10-13T08:48:41Z")
What about the same image in a grid and using sizing with blue dots? 50%, 70%, 90% …? Google page speed is complaining about too large px photos on mobile. I use 1200x900 or 900x1200. @dan ---
**Author:** ![ben](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ben/32/28488_2.png) [@ben](https://forums.realmacsoftware.com/u/ben)\ **Post date:** [October 13, 2025, 9:21am UTC](https://forums.realmacsoftware.com/t/alternative-images-at-different-breakpoints-is-that-working-yet/51670/9 "2025-10-13T09:21:40Z")
> [@PLM](#): > > What about the same image in a grid and using sizing with blue dots? 50%, 70%, 90% …? Google page speed is complaining about too large px photos on mobile. I use 1200x900 or 900x1200 see me reply above, you can change the image size across devices. Use the Sizing settings 🙂 ![CleanShot 2025-10-13 at 11.21.16@2x](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/5/7/574fa9b3421491007ff33bced72c12656ae9df84.png) ---
**Author:** ![WeaverPixel](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/weaverpixel/32/25453_2.png) [@WeaverPixel](https://forums.realmacsoftware.com/u/WeaverPixel)\ **Post date:** [October 13, 2025, 10:51am UTC](https://forums.realmacsoftware.com/t/alternative-images-at-different-breakpoints-is-that-working-yet/51670/10 "2025-10-13T10:51:19Z")
Thanks @ben for the explanation. I absolutely agree that the case with the photos would be only a rare case and most probably better solved with re-sizing the photos. I used it only as an example for understanding the “hiding” function. I use it pretty often to show/hide components according to the breakpoint and wanted to understand if it has an impact on the loading speed. Thanks for clarification! ---
**Author:** ![LEZ](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/lez/32/35617_2.png) [@LEZ](https://forums.realmacsoftware.com/u/LEZ)\ **Post date:** [October 13, 2025, 8:04pm UTC](https://forums.realmacsoftware.com/t/alternative-images-at-different-breakpoints-is-that-working-yet/51670/11 "2025-10-13T20:04:33Z")
Thanks. My situation is having images, which are buttons, change at break points, but to different images not enlarging the same image as they do with breakpoints. So how do I get the smaller image to change to the bigger one? LEZ ---
**Author:** ![LEZ](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/lez/32/35617_2.png) [@LEZ](https://forums.realmacsoftware.com/u/LEZ)\ **Post date:** [October 13, 2025, 9:03pm UTC](https://forums.realmacsoftware.com/t/alternative-images-at-different-breakpoints-is-that-working-yet/51670/12 "2025-10-13T21:03:49Z")
Hey Dan. The design of this website is a bit different. Shall I upload it to the cloud? It’s nothing fancy, in fact it’s bare bones. I tried suing buttons but I couldn’t get a Google font to work in Elements. So I made it an image… My friend had started the site in Square Space and I tried to make that work but it’s shite. Les ---
**Author:** ![LEZ](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/lez/32/35617_2.png) [@LEZ](https://forums.realmacsoftware.com/u/LEZ)\ **Post date:** [October 13, 2025, 9:48pm UTC](https://forums.realmacsoftware.com/t/alternative-images-at-different-breakpoints-is-that-working-yet/51670/13 "2025-10-13T21:48:33Z")
Here’s the work so far. elementsapp://downloadDocument/TJ9clFBH8qeA ---
**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\ **Post date:** [October 14, 2025, 8:26am UTC](https://forums.realmacsoftware.com/t/alternative-images-at-different-breakpoints-is-that-working-yet/51670/14 "2025-10-14T08:26:54Z")
@LEZ, Okay, I was going to record a quick video… turned into a 15 minute tutorial on “fixing” the site 🤣 Here’s the updated project, that you can 👉 [Open in Elements](elementsapp://downloadDocument/IkLmHTe0FYHf). And here’s the video of me rambling on and explaining how I’d build the site, and how to get Google fonts working 😉 Hope you find it useful… P.S. I agree about SquareSpace being shite 😛 ---
**Author:** ![LEZ](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/lez/32/35617_2.png) [@LEZ](https://forums.realmacsoftware.com/u/LEZ)\ **Post date:** [October 14, 2025, 5:44pm UTC](https://forums.realmacsoftware.com/t/alternative-images-at-different-breakpoints-is-that-working-yet/51670/15 "2025-10-14T17:44:05Z")
Dan - you’re the man! I really appreciate this and will pore over this video and the project later. Thanks hermano. LZ ---
**Author:** ![LEZ](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/lez/32/35617_2.png) [@LEZ](https://forums.realmacsoftware.com/u/LEZ)\ **Post date:** [October 14, 2025, 9:11pm UTC](https://forums.realmacsoftware.com/t/alternative-images-at-different-breakpoints-is-that-working-yet/51670/16 "2025-10-14T21:11:56Z")
Dan, can you email me so that I have your address? Want to send a small gift. [leshall@gmail.com](mailto:leshall@gmail.com) Cheers Lez