We are aware of the issue with the badge emails resending to everyone, we apologise for the inconvenience - learn more here.
Forum Discussion
How do I embed images with a direct link from Dropbox?
Hi,
I would like to share my pictures to forums where pictures are embedded like [img]http://imageurl.jpg[/img].
How to share pictures from Dropbox to the forums like that? I cant find a ...
Hi,
It is super easy to get direct download link of image files that are saved in your Dropbox account. And more importantly they will work with [img] commands used in forums that you mentioned in your question.
Here is the step by step instructions:
1) Copy Dropbox link of the image file that you want to share. (Right click on image file in your Dropbox folder and choose Copy Dropbox Link). You should have something similar to this:
https://www.dropbox.com/s/tg0cfa565aue4ak/zoo.jpg?dl=0
2) Just delete dl=0 at the end of the link and replace it with raw=1
Now your link that you gonna use should look like this:
https://www.dropbox.com/s/tg0cfa565aue4ak/zoo.jpg?raw=1
Basically, what you are doing by adding the raw=1 to the end of the link is hotlinking it. That's is sharing direct download link to the file. Anyone who clicks on hotlinked file will not see any of the Dropbox frames, logos, etc. It works for any type of file that you share.
And when you use this modified link with [img] commands there should be no problems. I always use Dropbox images on other forums.
Hope it helps!
behzod
Super User
Super UserHi,
It is super easy to get direct download link of image files that are saved in your Dropbox account. And more importantly they will work with [img] commands used in forums that you mentioned in your question.
Here is the step by step instructions:
1) Copy Dropbox link of the image file that you want to share. (Right click on image file in your Dropbox folder and choose Copy Dropbox Link). You should have something similar to this:
https://www.dropbox.com/s/tg0cfa565aue4ak/zoo.jpg?dl=0
2) Just delete dl=0 at the end of the link and replace it with raw=1
Now your link that you gonna use should look like this:
https://www.dropbox.com/s/tg0cfa565aue4ak/zoo.jpg?raw=1
Basically, what you are doing by adding the raw=1 to the end of the link is hotlinking it. That's is sharing direct download link to the file. Anyone who clicks on hotlinked file will not see any of the Dropbox frames, logos, etc. It works for any type of file that you share.
And when you use this modified link with [img] commands there should be no problems. I always use Dropbox images on other forums.
Hope it helps!
Thanks a lot, that really was easy :)
I wonder why DB doesnt offer a option to choose different kind of links to share content.
your reply was very helpful thank you!
i revised all the image files i was trying to share with ?raw=1
that fixed my issue for almost all the files, but a handful still won't load on the other end. they get an error - unrecognized image format. meanwhile all the other images upload just fine.
do you have any suggestions?
thank you in advance
- Rich
Super User II
That's likely not an error in the image loading on the Dropbox side (test the link manually to see if it loads), but an error with the platform you're using not recognizing a URL unless it ends in a valid image extension. In those cases, there's nothing you can do.thank you for your prompt reply.
and you're correct. after scanning the thousands of images, i realized a handful did not have image file extensions. doh.
thanks! huge help!
OK, that doesn't work for me at all. I'm not allowed to even see the link created. If I just copy the link from the address bar, it doesn't work. I don't get the "should look something like this" link you mention. I can't share a public folder with just anyone who has the link to the folder or files in it. I can only share with specific persons I email the hidden created link to. I sent it to myself and it doesn't let you see the link. All you can do is click to see the image. I then copied the link from the browser address bar. It looks nothing like your example. There is no ?dl=0 or anything at the end of it. The name of the image file is not even exposed. What am I missing?
- Rich
silvanet wrote:
I'm not allowed to even see the link created.
Yes, you can. After the link is created you'll see two links in the Share settings for the file; Link Settings and Copy Link. Click on Copy Link and the proper link will be copied to your clipboard. Paste it where you need it and change ?dl=0 to ?raw=1.
- OK, I don't know how I missed that before. I never saw the "Anyone with the link can view this file" option. It just wasn't there. That's why I had to share it with myself, and it still didn't let me see it. Don't know why now it's appearing.
Anyway, still doesn't work for me. I'm trying to link a background image for FreeCodeCamp Challenge on CodePen. I can get it to work on GitHub. I can even create a folder to hold the image file instead of hosing it somewhere. CodePen just messes it up and shows a band of the image. Help on the FCC forum told me sites like Imgur and Google don't allow images to be used on webpages. People said Cloudinary was working, but it didn't work for me either. This may be a CodePen problem. Thanks for your kelp.
