• Skip to primary navigation
  • Skip to main content
  • Skip to footer

Techcheater

Most Useful Technical Content

  • Home
  • Evergreen Tech
  • How to
  • Home
  • Evergreen Tech
  • How to
Home » Embedding Google Drive image in HTML

Embedding Google Drive image in HTML

August 22, 2022 By Editorial Team Leave a Comment

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.

Filed Under: How to

About Editorial Team

Editorial Team at Techcheater is experienced group of people led by Ishant Nayyar and has featured in Yahoo, Bing, MSN, Bloomberg, Forbes, Indian express and many more. We have been providing the technical tutorials since 2011 and now Techcheater has become one of the most trusted source of internet, gaming, tech, How to tutorials and tips.

Reader Interactions

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Footer

More than 30 Milliion Active users

Site Information

  • About The Techcheater
  • Online Internet Speed Test
  • Privacy Policy
  • Terms of Use

Search Website

Information

  • About Us
  • Sitemap
  • Privacy Policy
  • Terms Of Use

Navigate Website

  • Evergreen Tech
  • Downloads
  • How to
  • Macbook
  • Windows
  • Official
  • Banking
  • Internet Speed Test 
  • Free Robux

Copyright © 2023 · Genesis Framework · WordPress · Log in