Get image from Google Drive

[Flowers4Algernon]

Hi everyone!

Just wanted to share this solution that I have done when I wanted to use my google drive as my image source. 

1. On your image's shareable link, copy the ID or the set of characters after /d/ and /view/.

2. Use the ID you have extracted to this new URL: https://drive.google.com/uc?export=view&id=

 

Hope this will help someone! 

[autonumber]

Hello! I just want to add that you can also set the size of the image from the Google Drive by adding these code after the ID: &sz=w100-h100

So the syntax will be like this: https://drive.google.com/uc?export=view&id=&sz=w100-h100

You can also check this link: https://stackoverflow.com/questions/10311092/displaying-files-e-g-images-stored-in-google-drive-on-a-website#:~:text=https%3A//drive.google.com/a/domain.com/thumbnail%3Fid%3DimageID%26sz%3Dw{width}-h{height}

 

[Kurumi]

Hi! Just wanted to share this solution when displaying the image from Google Drive:

<img src="https://drive.google.com/thumbnail?id=xxxxxxxxxxx">

or by declaring the size

<img src="https://drive.google.com/thumbnail?id=xxxxxxxxxxx&sz=w1000">

For reference, you can check this article: https://stackoverflow.com/questions/15557392/how-do-i-display-images-from-google-drive-on-a-website

If you have an existing HTML code for displaying the Google Drive image and it does not work, you can check this recent thread about the issue: https://support.google.com/sites/thread/253003338/images-from-google-drive-in-embedded-html-no-longer-working?hl=en

You may also reach out to Google Workspace Support for other workarounds on how to show the images from Google Drive.