Tips: Hosting and embedding images

[Guybrush]

Hey!

I thought I'd share some ways of hosting and embedding images on our forum. This first post is likely to change if I stumble across more handy tips. Feel free to PM me or write here if you have suggestions.


Hosting and embedding images from Google Drive

As a Google Drive user, this is currently my favorite way of sharing and embedding images.

• Upload a file to Google Drive
• Right Click that file when it's uploaded and choose Share
• In the window that opens, under General Access, choose Anyone with the link
• Click Copy link
• Head over to your post on SCD, click the Insert an image button and paste the Google drive link to your image
• Now change the URL inside the [img] tags accordingly:
• • Remove the trailing "/view?usp=drive_link" suffix from the link
• • Change the "file/d/" part into uc?id=

Example:

[img]https://drive.google.com/file/d/1SAlRVy1O4esfWqXRH7Rbmfa7eDUCbnsK/view?usp=drive_link[/img]

Should be changed to:

[img]https://drive.google.com/uc?id=1SAlRVy1O4esfWqXRH7Rbmfa7eDUCbnsK[/img]



Hosting and embedding files from Dropbox

• Upload file to Dropbox
• Open options menu for file (three dots / more) and choose Share with dropbox
• Make sure access is Anyone with this link can view
• Click Copy link
• Head on over to post on SCD and click the Insert an image quick button above post and paste the Dropbox link to your image
• Change the URL inside the [img] tags accordingly: replace the suffix dl=0 with raw=1

Example:

[img]https://www.dropbox.com/s/1muu0lw5jl3ygfx/DALL%C2%B7E%202022-09-05%2015.00.54%20-%20portrait%20painting%20of%20a%20friendly%2C%20grinning%20demon%20with%20luscious%20lips.png?dl=0[/img]

Should be:

[img]https://www.dropbox.com/s/1muu0lw5jl3ygfx/DALL%C2%B7E%202022-09-05%2015.00.54%20-%20portrait%20painting%20of%20a%20friendly%2C%20grinning%20demon%20with%20luscious%20lips.png?raw=1[/img]

[Guybrush]

Update!

As of Jan 2024, Google has disabled this method of embedding pictures and it's supposedly no longer possible to embed pictures on drive.