How to Use Google Drive Image in Html and Websites?

Google Drive allows us to store our images and can be accessed only from Google Drive. As a result, We are unable to use this image on our websites or HTML pages.

But by generating a direct link to google drive image we can use it on Html pages and websites.

[samuelnjau]

This method doesn't work in 2024, To embed an image, Open the sharelink from Google Drive in an incognito chrome tab. Next press on the three dots on the top right corner, choose the option EMBED and then copy the HTML code that is given to you.

[NOWRINHUMAIRA]

Hello, the url Id with direct link syntax you gave is not working, the page shows error. Can you tell what can I do now? I need to submit my project today

[saifulhuqs]

thank you bro because i'm learn full stack and i try to make a website but i don't know why drive image doesn't after your video it's thanks man

[pedroascencio_]

Sirrr, this is the best trick ever, thank you for your help!

[esraaeid]

this way didn't work either, the direct link didn't work also!

[N_T_Anh]

i tried it on W3 school and it not working

[Backend-iefe]

Thank you it worked, does it work in long term? or that url changes?

[MessiLeonelle]

I'm still getting error "Third-party cookie will be blocked. Learn more in the Issues tab". 😒😒

[juankobeb]

but now it is not work bro?
do u know the other solution?

[amitkumarsahu]

thank you so much i wanted this info desperatelyi tried to find this a lot finally i have it

[raihanjushan]

Thanks for sharing this type tips. Thanks you soo much 💖

[mariapalma]

Thank you! It works so well, you deserve a sub!

[kfz]

Thanks for sharing! This is great tutorial! 👍