How to Embed Image from Google Drive

Last Updated : 20 Feb, 2026

Embedding images from Google Drive allows you to display visuals on your website without hosting them directly on your server. This saves storage, improves performance, and lets you update images anytime from Drive without touching your website code. Using Google’s embed link or an embed code generator makes the process simple and efficient.

Key Benefits of Embedding:

  • Saves website storage and bandwidth
  • Easy to update or replace images centrally
  • No need to re-upload files on your website
  • Works for images, videos, and other media

Follow these steps to create a shareable and embeddable link for your Google Drive image:

Step 1: Open Google Drive

Step 2: Upload or Select Your Image

  • Right-click the image you want to embed and select Get link.
Embed Image from Google Drive
Click on three dots >> Select Share

Step 3: Change Permissions

  • Under “General Access,” choose Anyone with the link → Viewer, then click Copy link.
Embed Image from Google Drive
Manage Permission

Step 4: Generate the Direct Link

  • Visit the Google Drive Embed tool and paste the copied link.
  • Click Generate to get the final direct image link or HTML embed code.
Embed Image from Google Drive
Visit Google Drive Embed Page >> Generate Link

How to Embed Images from Google Drive on Your Website

Embedding images in various websites from Google Drive is an easy process. You just have to go through the steps given below for your reference to do it. Let's get started

Step 1: Upload Your Image to Google Drive

  • Go to your Google Drive account and upload the image you want to embed onto your website.
Embed Image from Google Drive
Upload Image

Step 2: Copy the Shareable Link

  • Right-click → Get link → set to Anyone with the link can view.
Embed Image from Google Drive
Copy Image Link

Step 3: Open Google Drive Embed Page

  • Navigate to the embed generator page.

Step 4: Paste the Link

  • Paste the copied link into the input box.
Embed Image from Google Drive
Paste the Image Link

Step 5: Generate Embed Code

  • Click Generate to produce the embed URL or HTML snippet.
Embed Image from Google Drive

Step 6: Add It to Your Website

  • Insert the provided <img> or <iframe> code into your website’s HTML.

Step 7: Save & Preview

  • Save your webpage changes and check the preview to ensure the image displays correctly.

How to Get the Embed URL Directly from Google Drive

To get an embed URL from Google Drive, follow these steps:

Step 1: Open the Image

  • Open your image file in Google Drive.

Step 2: Click the Three Dots (Menu)

  • Select the menu in the top-right corner.
Embed Image from Google Drive
Select the three dots

Step 3: Choose "Open in new window"

  • Choose Open in a New Window from the drop down menu.
Embed Image from Google Drive
Select Open in A New Window

Step 4: Select the three dots again Click on Embed Item

  • Again click on Three Dots and select Embed Image.
Embed Image from Google Drive
Click on Three Dots >> Select Embed Item

Step 5: Choose the src URL from the HTML code

  • Here is the URl.
Embed Image from Google Drive
Copy URL

Here are the steps on how to use the Embed Link.

Step 1: Open Layout Editor

  • Open your website layout or content editor.

Step 2: Select “Edit Layout”

  • From the dropdown menu, choose Edit Layout.

Step 3: Add an Embed Widget

  • Insert an “Embed” or “HTML” widget/module.

Step 4: Paste the URL or HTML

  • Paste the embed link or code in the designated field.

Step 5: Add Title & Set Height

  • Provide a title (optional) and adjust embed height as needed.

Also Read:

Comment
Article Tags:
TechTips
Google Drive

Explore