Using Dropbox to Embed Photos in Websites, Blogs, and Email

Updated on December 22, 2016
Using Dropbox has never been this fun!
Using Dropbox has never been this fun!

Dropbox as Cloud Storage

Dropbox has been known to be the first one to pioneer the cloud storage, something that will bring your photos, documents and any other files anywhere.

In short, it enables us to store files and retrieve them with ease! In addition, through Dropbox, sharing files has never been so easy. 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 hold it right there! The functions of Dropbox do not just end with convenience. It can also offer you great number of things aside from those things mentioned, and one of which is image hosting. This is why we may use Dropbox to embed photos in our websites, blogs and email. But unfortunately about 60% of the Dropbox 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 the 3 steps in one screen shot. Detailed procedures are listed below.
Here are all the 3 steps in one screen shot. Detailed procedures are listed below. | Source

Do you know that you can host and embed photos using Dropbox?

See results

Embed Photos in Email

Of course there are built-in photo uploader 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. Take this as an 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 in Attaching Image URL

  1. The first thing to do is to have your photo signature ready (or any other images you want to go with your email signature).
    .
  2. Next is, you need to copy or transfer the image file in the Public Sub-Folder of your Dropbox Folder (My Dropbox > Public). It would take some time (usually less than a minute, depending on the file size) before the image gets uploaded.
    .
  3. After this, you need to right-click on the image file. Then, mouse over to "Dropbox". There will be several options to choose from, what you need to select is the "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). Check this out, in case you need help in editing your signature in Gmail.
    .
  5. Click OK, and then you're done! Now your emails will have your awesome photo signature!

Dropbox Ending Public Folder Support

Unfortunately, based on the announcement made by Dropbox, we only have March 15, 2017 to enjoy this unique feature. They will be ending support by then, and all public folder will become private. All public links will also be deactivated. Hence, you will no longer be able to attach e-signatures after that date. You may use other image hosting sites to maintain having photo signatures in your email.

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 photo below for the 3-easy steps!

Embedding in a website or blog is basically the same!
Embedding in a website or blog is basically the same! | Source

Wrapping Up!

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

Also, feel free to share this to your friends by Liking this page using the "Like Button" on your right. I'm sure they will be grateful to know more about what Dropbox can do for them!

Have a great day ahead!

Questions & Answers

    © 2012 Renz Kristofer Cheng

    Comments

      0 of 8192 characters used
      Post Comment

      • yougotme profile imageAUTHOR

        Renz Kristofer Cheng 

        7 months ago from Manila

        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! :)

      • profile image

        Suzanne 

        7 months ago

        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!

      • profile image

        aydin 

        11 months ago

        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.

      • yougotme profile imageAUTHOR

        Renz Kristofer Cheng 

        23 months ago from Manila

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

      • profile image

        Leonard 

        23 months ago

        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?

      • profile image

        Johnk186 

        4 years ago

        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

      • profile image

        Johnk698 

        4 years ago

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

      • Johnny Parker profile image

        Johnny Parker 

        4 years ago from Birkenhead, Wirral, North West England

        Thanks for the info will check out what you said.

      • yougotme profile imageAUTHOR

        Renz Kristofer Cheng 

        4 years ago from Manila

        @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 profile image

        Johnny Parker 

        4 years ago from Birkenhead, Wirral, North West England

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

      • yougotme profile imageAUTHOR

        Renz Kristofer Cheng 

        5 years ago from Manila

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

      • profile image

        egr 

        5 years ago

        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

      • yougotme profile imageAUTHOR

        Renz Kristofer Cheng 

        5 years ago from Manila

        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!

      • profile image

        Keees 

        5 years ago

        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

      • yougotme profile imageAUTHOR

        Renz Kristofer Cheng 

        5 years ago from Manila

        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 profile image

        story-maker 

        5 years ago

        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! ;)

      • yougotme profile imageAUTHOR

        Renz Kristofer Cheng 

        6 years ago from Manila

        Thank you very much StephSev108 !

      • StephSev108 profile image

        Stephanie Marie Severson 

        6 years ago from Atlanta, GA

        Thanks...great info!!

      • yougotme profile imageAUTHOR

        Renz Kristofer Cheng 

        6 years ago from Manila

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

      • sparkster profile image

        Sparkster Publishing 

        6 years ago from United Kingdom

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

      • yougotme profile imageAUTHOR

        Renz Kristofer Cheng 

        6 years ago from Manila

        @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!

      • forlanda profile image

        Juancho Forlanda 

        6 years ago from US of A

        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.

      working

      This website uses cookies

      As a user in the EEA, your approval is needed on a few things. To provide a better website experience, turbofuture.com uses cookies (and other similar technologies) and may collect, process, and share personal data. Please choose which areas of our service you consent to our doing so.

      For more information on managing or withdrawing consents and how we handle data, visit our Privacy Policy at: https://turbofuture.com/privacy-policy#gdpr

      Show Details
      Necessary
      HubPages Device IDThis is used to identify particular browsers or devices when the access the service, and is used for security reasons.
      LoginThis is necessary to sign in to the HubPages Service.
      Google RecaptchaThis is used to prevent bots and spam. (Privacy Policy)
      AkismetThis is used to detect comment spam. (Privacy Policy)
      HubPages Google AnalyticsThis is used to provide data on traffic to our website, all personally identifyable data is anonymized. (Privacy Policy)
      HubPages Traffic PixelThis is used to collect data on traffic to articles and other pages on our site. Unless you are signed in to a HubPages account, all personally identifiable information is anonymized.
      Amazon Web ServicesThis is a cloud services platform that we used to host our service. (Privacy Policy)
      CloudflareThis is a cloud CDN service that we use to efficiently deliver files required for our service to operate such as javascript, cascading style sheets, images, and videos. (Privacy Policy)
      Google Hosted LibrariesJavascript software libraries such as jQuery are loaded at endpoints on the googleapis.com or gstatic.com domains, for performance and efficiency reasons. (Privacy Policy)
      Features
      Google Custom SearchThis is feature allows you to search the site. (Privacy Policy)
      Google MapsSome articles have Google Maps embedded in them. (Privacy Policy)
      Google ChartsThis is used to display charts and graphs on articles and the author center. (Privacy Policy)
      Google AdSense Host APIThis service allows you to sign up for or associate a Google AdSense account with HubPages, so that you can earn money from ads on your articles. No data is shared unless you engage with this feature. (Privacy Policy)
      Google YouTubeSome articles have YouTube videos embedded in them. (Privacy Policy)
      VimeoSome articles have Vimeo videos embedded in them. (Privacy Policy)
      PaypalThis is used for a registered author who enrolls in the HubPages Earnings program and requests to be paid via PayPal. No data is shared with Paypal unless you engage with this feature. (Privacy Policy)
      Facebook LoginYou can use this to streamline signing up for, or signing in to your Hubpages account. No data is shared with Facebook unless you engage with this feature. (Privacy Policy)
      MavenThis supports the Maven widget and search functionality. (Privacy Policy)
      Marketing
      Google AdSenseThis is an ad network. (Privacy Policy)
      Google DoubleClickGoogle provides ad serving technology and runs an ad network. (Privacy Policy)
      Index ExchangeThis is an ad network. (Privacy Policy)
      SovrnThis is an ad network. (Privacy Policy)
      Facebook AdsThis is an ad network. (Privacy Policy)
      Amazon Unified Ad MarketplaceThis is an ad network. (Privacy Policy)
      AppNexusThis is an ad network. (Privacy Policy)
      OpenxThis is an ad network. (Privacy Policy)
      Rubicon ProjectThis is an ad network. (Privacy Policy)
      TripleLiftThis is an ad network. (Privacy Policy)
      Say MediaWe partner with Say Media to deliver ad campaigns on our sites. (Privacy Policy)
      Remarketing PixelsWe may use remarketing pixels from advertising networks such as Google AdWords, Bing Ads, and Facebook in order to advertise the HubPages Service to people that have visited our sites.
      Conversion Tracking PixelsWe may use conversion tracking pixels from advertising networks such as Google AdWords, Bing Ads, and Facebook in order to identify when an advertisement has successfully resulted in the desired action, such as signing up for the HubPages Service or publishing an article on the HubPages Service.
      Statistics
      Author Google AnalyticsThis is used to provide traffic data and reports to the authors of articles on the HubPages Service. (Privacy Policy)
      ComscoreComScore is a media measurement and analytics company providing marketing data and analytics to enterprises, media and advertising agencies, and publishers. Non-consent will result in ComScore only processing obfuscated personal data. (Privacy Policy)
      Amazon Tracking PixelSome articles display amazon products as part of the Amazon Affiliate program, this pixel provides traffic statistics for those products (Privacy Policy)