Embedding Google Drive image in HTML

Google drive storage is far more capable of what you thought. Here, you will read about a simple tutorial which is unique in its kind and will genuinely help you a lot.

Google Drive image in HTML

Without wasting much of your time, lets quickly jump to the topic and see the wayout of using images stored in your Google drive to any html document.

How to embed Google Drive image in HTML

  1. Login to your Google Drive, go to the image and right click and select Get Link.
  2. Now, change General Access to “Anybody with the link” as Viewer.
  3. Copy the link and click on the Techcheater Google Drive Public url Generator.
  4. Copy the code & open the html file in editor.
  5. Paste the link where you want to and that is it.
  6. Enjoy 🙂

Techcheater Google Drive Public url generator

  1. Paste the copied Google Drive image link. It will look like : https://drive.google.com/file/d/1pRsTDH3wNqw9GI5YaDNWQzCltmYs4x7P/view?usp=sharing
  2. Now copy the file id, i.e the text in between “/d/” & “/view?usp=sharing“, i.e 1pRsTDH3wNqw9GI5YaDNWQzCltmYs4x7P in this example.
  3. Now paste the file id in the following code : <img src=”https://drive.google.com/uc?id=DRIVE_FILE_ID” alt=”Google Drive Image”>
  4. Your code is ready.

If in case you have any questions, you can drop down your comments below.

Also Read : Way to share Google Drive file with non Gmail users.

Leave a Comment

%d bloggers like this: