Search code examples
htmlgoogle-apps-scriptiframegoogle-drive-apiembed

Embed image from google drive without grey border and zooming tools?

I have a webpage that has an image that is stored in google drive, and using the google drive embed code results in this-the grey border and zooming tools

and I want to include this image in my website without the border and tools, making it look like this-enter image description here

Adding the image file to my project is not an option, as I am using google apps script as web domain as I am not old enough to have a credit card to purchase REAL web domain, and I am broke and cannot simply rake leaves or shovel driveways because of COVID. so I cannot add the image file to my project, any advice?

Solution

  • Answer:

    Instead of the embed code, use the view link.

    Example:

    <img src="https://drive.google.com/uc?export=view&id=FILE_ID_HERE">