Banner: This is a Free feature

While creating assignment descriptions using CodeHS Create, sometimes you may want to insert an image from your Google Drive. Since 'Sharing' an image from Google Drive does not actually provide a direct link, there are a few more steps involved in finding a direct link that you can embed using Markdown:

  1. Find the Image ID, and

  2. Insert the image ID into an embed link

Finding Image ID

To find the ID of an image file:

  1. Navigate to the file on your Drive

  2. Click the eye icon to Preview

  3. Click the three dots … and click Open in New Window:

animated .gif showing navigation to Google Drive, clicking ... in the top right corner, and open in new window to view URL

In this new window's URL, the string of text after

drive.google.com/file/d/

is the ID of the image file.

For example, in the following URL:

https://drive.google.com/file/d/1CUxrGQCLycjWMAcU3KT4sOhSdIFi4tUW/view

This is the ID:

1CUxrGQCLycjWMAcU3KT4sOhSdIFi4tUW

screenshot highlighting the image file ID in the Google Drive URL

Insert into Embed Link

Now that you have the image file ID, you can create a direct link to the image that can be used in Markdown or HTML.

https://drive.google.com/uc?export=view&id=<FILE_ID>

Using the above image ID example, the final URL would look like:

https://drive.google.com/uc?export=view&id=1CUxrGQCLycjWMAcU3KT4sOhSdIFi4tUW

This is a direct link that you can use in HTML or Markdown.


Still have questions? Contact our team at hello@codehs.com to learn more!

Did this answer your question?