Tutorial How to post images from Dropbox

Discussion in 'Tutorials' started by Richard, Aug 10, 2015.

  1. Richard

    Richard Maintenance Dept Administrator

    Joined:
    Mar 14, 1995
    Messages:
    12,592
    Likes Received:
    10,473
    Location:
    Newcastle
    IMPORTANT
    It is always better to upload an image than link an image from a personal cloud host platform such as OneDrive, Dropbox or Google Drive.

    There are more steps involved with linking from a cloud host and the images tend to break and be forever lost over time as the platforms constantly make system changes.



    --------------------------------------------------------------------------------------------------------
    LAST EDIT and correct information: 27 Jan 2017
    Note:
    This tutorial assumes you know how to insert an image using a URL
    --------------------------------------------------------------------------------------------------------


    Posting images with a Dropbox URL is easy but there are a couple of nuances for it to work correctly.

    Method 1.
    Make sure the web address (URL) is a link direct to the image and not to the Dropbox page containing the image.

    This is the common error that results in a failed image. Dropbox wants to promote itself to your friends so the default 'Share' link it will provide you with is to a Dropbox page containing the image and not a direct link to the image. This page link will not embed the image on any forum nor any web page.


    So... if your image URL looks like this;
    Code:
    https://www.dropbox.com/s/e2ul4t6dizcbmha/2013-10-22%2011.03.12.jpg?dl=0
    the image will not display.

    Note that the link ends with;
    ?dl=0
    (sometimes it may also end with ?dl=2)

    The fix
    change the end of the url to;
    ?dl=1.

    like this;
    Code:
    https://www.dropbox.com/s/e2ul4t6dizcbmha/2013-10-22%2011.03.12.jpg?dl=1


    Watch the video for details on Method 1.



    Questions or trouble getting it to work?
    Ask below.



    Method 2.
    Using your Dropbox 'Public' folder.

    Another method that will always provide a direct link to the image that works every time for sharing on forums (or for sending as a link to friends via email etc) is to place the image in your 'Public' folder and use the 'Copy public link' feature.

    Step 1.
    Copy or save the image to your 'Public' folder on Dropbox.

    Step 2.
    Right click the file in File Explorer (or right click equiv in Finder on Mac's) and select 'Copy public link'

    This will produce a link that looks like this;
    Code:
    https://dl.dropboxusercontent.com/u/1000638/img/130515_perisher_chair.jpg

    Note that the domain is now dl.dropboxusercontent.com and not dropbox.com.

    You can use this method from either your File Explorer on your PC or Finder on your Mac - or from the web view of dropbox.

    Note: This second method only works for images saved to the 'Public' folder.

    Questions or trouble getting it to work?
    Ask below.
     
    #1 Richard, Aug 10, 2015
    Last edited: Sep 21, 2016