Hi @cyberdave , thanks for your reply. I apologize for the trouble, I appreciate your help. I see we are running in a circle though, I am probably not expressing myself clear enough, sorry.
Let me answer your suggestions point by point, it might be easier:
One thing you might do is to create a single thumbnail per project item instead of 23 images per item on the project index page, then link the thumbnail to the correct project item detail page (this does mean changing up the design).
The single thumbnail could be added as a single field in the collection, then you could upload a small thumbnail with an original resolution like 100x150 px and show just the single thumbnail for the project item.
On the project detail page, you can then put the images for each item into a multi-image field and show the galleries on the project detail page using the multi-image field.
See how to use the multi-image field here: Multi-image field overview | Webflow University
I appreciate the suggestion, but I’d like to keep the current design which is bespoke.
As to the image sizing, right now those images are being served on the project index page fully uncompressed, I would add a fixed width and height on image settings for each image widget to be something like 100px width and 150px height and then republish to see if the behavior improves:
As I mentioned in my previous message I did that, now the height is set to 150. I need the width in auto otherwise will stretch breaking proportions. I reduce the weight but is not enough.
One other idea might be to just take a screenshot of all the images in the designer, those appear to be linked to the same item, so maybe you can just show all the images a new single image like:
This is an interesting and creative solution but my client is not going to be able to do so in the future.
In my previous message, I asked if is there a way to re-scale the size of the image in-page. Maybe can you point me to some script or code snippet or integration or something else? If there is a way to avoid having the images fully uncompressed on index pages my guess is that will solve the problem.
On a side note, I love Webflow, I really do, love the no-code philosophy, It’s one of the best things that happened to the design community. But it’s really difficult to create a bespoke website without a lot of scripts and code snippets. I’m really thankful to all the community here for this, I couldn’t do it otherwise.
I am not a coder and it has been extremely difficult putting this together. But I don’t think is out of mind. I mean, there must be some solution, I saw designs similar to this on other websites and they work without having full uncompressed images on their index. I don’t think they are all producing the entire set of images in high res and low res all the time. There has to be some kind of automation
for the small size thumbnails set for the index.
I wonder if @webdev @WebDev_Brandon @KyleP or any other has any idea about it.
Hope you don’t take this rant the wrong way, really appreciate you taking the time to support me.