Updated date:

How to Use Dropbox to Embed Photos in Websites, Blogs, and Email

Renz is a digital technology enthusiast. He devotes his time to studying how these platforms can help make things work for us.

Using Dropbox has never been so easy... and fun!

Using Dropbox has never been so easy... and fun!

Dropbox as Cloud Storage

Dropbox is known as one of the first pioneers of cloud storage, something that will bring your photos, documents and any other files anywhere.

In short, Dropbox enables us to store, retrieve, and share files with ease. All we need to do is to drag and drop files into the "box" and watch them get shared to the people whom we choose to share files with. You may even do away with your external USB in order to transfer files. Dropbox will be the one to do the transferring for you. Sounds convenient, right?

There's More to Dropbox

But wait, there's more! Dropbox also allows you to embed photos in websites, blogs, and email. Unfortunately, about 60% of users don't know about this function. And so, I came up with this article to practically show you how to embed/host a photo.

Here are all three steps in one screen shot. The step-by-step guide is detailed below.

Here are all three steps in one screen shot. The step-by-step guide is detailed below.

How to Embed Photos in Email

Of course, there are built-in photo uploaders in most electronic mail providers (e.g., Yahoo!, Google, Hotmail, etc.).

However, Dropbox may still come handy when it comes to having your own photo signature in your emails. For example, in Gmail you are only allowed to add photos in your email signature through image importation. This means that you are only permitted to "attach" an image using an external link containing the image file. Here's how you can do it:

Step-by-Step Guide: Attach Image URL

  1. Have your photo ready (or any other images you want to go with your email signature).
  2. Copy or transfer the image file in the public sub-folder of your Dropbox folder (My Dropbox > Public). It will take some time (usually less than a minute, depending on the file size) before the image gets uploaded.
  3. Right-click on the image file. Mouse over to "dropbox". Select "copy public link".
  4. Paste the copied link in the "insert image URL" of the edit signature portion of your email settings (assuming you are using Google).
  5. Click OK. Now your emails will have your awesome photo signature!

Note: As of March 15, 2017, Dropbox no longer supports this unique feature. All public links have been deactivated. Hence, you can no longer attach e-signatures. You may use other image hosting sites to maintain having photo signatures in your email.

How to Embed Photos in Websites and Blogs

Actually, the procedures above are quite similar when it comes to embedding photos in websites and blogs using Dropbox. You will just need the image URL of your photo to do the trick. Check out the photos below for the three easy steps.

The steps to embed a photo in a website or blog is basically the same as embedding a photo in an email.

The steps to embed a photo in a website or blog is basically the same as embedding a photo in an email.

Wrapping Up!

I hope you find this article helpful. If you have questions, comments, or suggestions, you may comment them below, and I'll be glad to help you out!

© 2012 Renz Kristofer Cheng

Comments

Emanuel Chirets on June 07, 2019:

But I have a question.

You can limit access only to users to see from Dropbox with pictures?

I want to display an image in the startup image and when to click on it, redirect the user to the Dropbox to see all the images. Access to the dropbox is for registered users only.

Thank you

Renz Kristofer Cheng (author) from Manila on March 31, 2018:

Hello there Suzanne! I am not sure how to make the image responsive itself, but I believe the codes for responsiveness lies on the website's template rather than the photo.

I hope this somehow helped! :)

Suzanne on March 31, 2018:

Forgive me because I may not know all the right lingo here. I have added an image from dropbox onto my website and it works great. But how do I make it responsive?

Thanks!

aydin on December 16, 2017:

hi,

i need a simple code in html5 with java script to create a gallery of my public Dropbox folder that i have access token code.

Renz Kristofer Cheng (author) from Manila on December 15, 2016:

Oh, if that is the case, then you are right. We can no longer embed images on sites.

Leonard on December 15, 2016:

Dropbox just notify me they ending their support for public folder. Public folder will become private. Anyone notice this? This would mean we cannot embed images on our site anymore?

Johnk186 on April 29, 2014:

I've been absent for a while, but now I remember why I used to love this website. Thanks, I'll try to check back more frequently. How frequently you update your site? dbkkdaeeeedg

Johnk698 on April 29, 2014:

Howdy. Simply just planned to ask a quick problem. Now i'm gebbfeaeekke

Johnny Parker from Birkenhead, Wirral, North West England on April 06, 2014:

Recommended for you

Thanks for the info will check out what you said.

Renz Kristofer Cheng (author) from Manila on April 05, 2014:

@Johnny Parker Sometimes Dropbox becomes temporarily down. If that's not the reason, you must make sure that you are copying the image link and not the file? Also, you must ensure that the images are in the public folder. The link must end with .jpg or any extension pertain to an image file. Hope this helps!

Johnny Parker from Birkenhead, Wirral, North West England on April 05, 2014:

When I try to import a Dropbox photo URL into a Hubpages photo module it gives an error - have you come across this?

Renz Kristofer Cheng (author) from Manila on June 13, 2013:

Thanks for the heads up egr! I shall update this hub. Thank you very much

egr on June 13, 2013:

Just an FYI, now you have to enable your public folder (it doesn't show up in Dropbox folder from the start anymore). Just follow this link to enable it: https://www.dropbox.com/enable_public_folder

Renz Kristofer Cheng (author) from Manila on May 03, 2013:

Hello there Keees! Yes, since you are using Dropbox to host your photos, it is not index-able ( I assume). Hence, the only solution is to upload the photos directly to your web host or the blogging platform you are in.

I hope this helps!

Keees on May 03, 2013:

Hai there,

Iám using the Public Dropbox folder for pictures on my website.

That works great the only thing is:

Google doensn't index my pictures (incl the Alt Tags etc)

Please Help

Kees

Renz Kristofer Cheng (author) from Manila on January 31, 2013:

That's nice story-maker!

For now, I'm satisfied with the space provided by Dropbox (since I was able to max out my referrals). But thanks for mentioning an alternative, I'm sure other readers will find it useful. :)

story-maker on January 31, 2013:

Dropbox is really useful but they are giving very low spaces for free users. Recently I found another similar service called ADrive ..they are giving 50GB for free users! ;)

Renz Kristofer Cheng (author) from Manila on August 02, 2012:

Thank you very much StephSev108 !

Stephanie Marie Severson from Atlanta, GA on August 02, 2012:

Thanks...great info!!

Renz Kristofer Cheng (author) from Manila on July 20, 2012:

I could say that Dropbox is really helpful for us. Thanks sparkster!

Marc Hubs from United Kingdom on July 20, 2012:

Cool, I didn't know we could do this either.

Renz Kristofer Cheng (author) from Manila on July 20, 2012:

@forlanda At first, I didn't know that I can share the link of my files through the Public folder, much more embedding photos in websites and email. But, as I started to explore Dropbox more, I learned about this feature.

I enjoy so much this feature, that's why I shared about it here. Glad you appreciated it! Thanks!

J Forlanda from US of A on July 20, 2012:

I didn't know you can do that with DropBox. Thanks for sharing this tidbit of information. This can come in very handy. Voted USEFUL.

Related Articles