How to Embed Image from Google Drive

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

How to Generate Google Drive Image Link

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

Step 1: Open Google Drive

• Go to official Google Drive website.

Step 2: Upload or Select Your Image

• Right-click the image you want to embed and select Get link.

Step 3: Change Permissions

• Under “General Access,” choose Anyone with the link → Viewer, then click Copy link.

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.

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.

Step 2: Copy the Shareable Link

• Right-click → Get link → set to Anyone with the link can view.

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.

Step 5: Generate Embed Code

• Click Generate to produce the embed URL or HTML snippet.

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.

Step 3: Choose "Open in new window"

• Choose Open in a New Window from the drop down menu.

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

• Again click on Three Dots and select Embed Image.

Step 5: Choose the src URL from the HTML code

• Here is the URl.

How to Use the Embed Link

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:

• How to add Google Forms to your website
• How to Embed MP3 Audio Files in Web Pages from Google Drive?
• How To Add My Website To Google Business