Join the Webstudio community

Updated 7 months ago

Retrieve image url

At a glance
Is there a way to retrieve images URL. Read the docs but found nothing about that.

Typically i wanted to use the link of the image for a image trail animation in a p5.js canvas.

I'm hosting the images somewhere else, but i wanted to take advantage of the conversion to webp… (because there are so heavy)

Thanks 🙂
1
O
S
c
31 comments
you mean you just need to get the webp image from your published site?
right mouse click?
Yep, retrieve that link but directly within the designer, and not having to right mouse click on each individual photo.
Tell me if i don't make sense
Attachment
Capture_decran_2024-07-30_a_23.36.28.png
I think you want to get all pictures in webp, is that correct?
they are converted and served in webp only on the published site
we don't offer a url because this link is not to be used anywhere manually, it can change any time
if you just want to download it, use the published site right click
This is how i use the link to my images to achieve my animations. What i want is to replace the links with webstudio's links
Attachment
Capture_decran_2024-07-30_a_23.41.46.png
But if the link is currently changing i need to find another way. The goal behind this is to reduce the loading speed of the page
get the image urls from the dom, from image tags
reduce the loading speed of the page?
Yes because ma animation does not show till all images are "loaded"
but what does it mean you want to reduce the speed of loading the page?
Well maybe it isn't related to the loading speed ? But i have a white screen for about 3 seconds before the images and all pop
I am confused, what problem are you solving? share a link to the builder and published site
so once again, what is the problem you are trying to fix
Remove the delay before before images appear
they should appear very quickly, you probably just saw the first time load before resized images were cached on cdn
They take around 11 second to appear, i've tried on two different macs on two different networks… That's what i can't get me head around it
can you show me how to reproduce? this is absolutely not normal, normal isinstant
How to reproduce what exactly ? You want me to give you the custom code ?
no, you are saying there is a problem with how images are loaded, they are too slow. Can you show me?
Video's too heavy for discord so here's the link
Link to the page?
I am not sure what exactly you are doing, but image component images load instantly
this is nice, how did you do this?
images uploaded into assets and mapped to div?
You can go to the website and inspect it to grad the code!

Images are store in playbook.com and not in the assets (because you cannot retreive the URL in Webstudio)
Add a reply
Sign up and join the conversation on Discord