Roll20 uses cookies to improve your experience on our site. Cookies enable you to enjoy certain features, social sharing functionality, and tailor message and display ads to your interests on our site and others. They also help us understand how our site is being used. By continuing to use our site, you consent to our use of cookies. Update your cookie preferences .
×
Create a free account

Cannot get images directly in chat

I've been trying all sorts of different variations of this and once or twice examples from other threads have worked, but when I attempt to add an image from google or art from elsewhere I cannot seem to get more than the little image icon and the word image. Sometimes when you click on it, it takes to to another tab and displays the image, but I would like to share flavour images directly into the chat of the game. Any help? [image](?{URL}#.png) Various combinations of the above is what I've been using. Thanks in advance!
1594453823
Oosh
Sheet Author
API Scripter
[img](url) should be about all you need, with #.png/jpg/gif for files which don't have an extension, or which don't end in an extension. I don't think Roll20 parses anything coming after the ? (for example height and width or many other properties). For example, your avatar: <a href="https://s3.amazonaws.com/files.d20.io/images/117673975/dmx_722C4eUQIc5CYY5qXA/thumb.png?1586036556258" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/117673975/dmx_722C4eUQIc5CYY5qXA/thumb.png?1586036556258</a> You can post this to chat with either this: [img](<a href="https://s3.amazonaws.com/files.d20.io/images/117673975/dmx_722C4eUQIc5CYY5qXA/thumb.png" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/117673975/dmx_722C4eUQIc5CYY5qXA/thumb.png</a>) or this: [img](<a href="https://s3.amazonaws.com/files.d20.io/images/117673975/dmx_722C4eUQIc5CYY5qXA/thumb.png?1586036556258#.png" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/117673975/dmx_722C4eUQIc5CYY5qXA/thumb.png?1586036556258#.png</a>) If the image is stored in a reasonably standard way, it should be pretty straight forward. If they don't have an extension, or have loads of properties and complicated addresses, chances are they're not standard links and you're going to struggle. Just save the image to a standard image host an link to that. Some sites don't want their images directly linked as it increases their load but gets no revenue clicks.
Thanks, I will try to find original links that do not stem from google iamges or something that might be blocking such attempts. Cheers!
1594480047

Edited 1594480089
vÍnce
Pro
Sheet Author
You also might be able to edit URL's that include any extra, extraneous information that are found after the image extension. for example, this <a href="https://vignette.wikia.nocookie.net/forgottenrealms/images/c/c7/Beholder_zombie-5e.png/revision/latest?cb=20171011164729" rel="nofollow">https://vignette.wikia.nocookie.net/forgottenrealms/images/c/c7/Beholder_zombie-5e.png/revision/latest?cb=20171011164729</a> can be edited to simply <a href="https://vignette.wikia.nocookie.net/forgottenrealms/images/c/c7/Beholder_zombie-5e.png" rel="nofollow">https://vignette.wikia.nocookie.net/forgottenrealms/images/c/c7/Beholder_zombie-5e.png</a> I like to include a "chat image" macro in my games to make it easy for anyone to display images in chat. [x](?{Paste an image's URL here. note:must end with (.jpg, .png, .gif)} )
1594482404

Edited 1594482434
keithcurtis
Forum Champion
Marketplace Creator
API Scripter
I usually copy images that are only online to my imgur account, using a sweet extension that copies the image to the account and automatically fills the clipboard with the new URL. That way the URL is simpler and won't break if the original site changes.
Oh, so images uploaded to ones own imgur account can be linked non-problematically? I've noticed that depending on the link sometimes it works, and sometimes it doesn't (like with those google ones for instance, and dropbox works, but needs an easy, but bothersome tweak) On the topic of adding images to chat I can add that I use a macro to simplify it without having to write the img tags all the time. Make a macro called Image, and insert this code: [Image](?{URL}#.png) Now check the "In Bar" box, and boom, now you just have to click the button, paste the link, and there it is! :) Well, as long as it's those links that does work, as mentioned above where some of them are..... weird and only gives the text "Image" in cha, instead of the actual image. Oh, and I do have a tips about embedding images as images instead of text links, from a Dropbox account, which I have so far only found 1 way to work, but... I'll mention that below here, so if you don't have Dropbox, you can just skip the rest of this message I guess. :P Dropbox is..... weird, and... linking images so they appear as images instead of text links, and without the In-Dropbox Preview interface and stuff, I was fiddling around yesterday and found some quirky stuff. Basically, if you go to your Dropbox account via the browser, you can get several different Image URL's depending on where you copy them... but for some reason NONE of them wants to play nice. BUT... If you have also installed Dropbox on your Computer, so you can access it via Desktop instead of browser, then if you have that setting applied, the Right-Click menu allows you to do 2 Dropbox stuff. "Copy Dropbox Link" and "View on Dropbox.com". If you click the "Copy Dropbox Link" you will get a link that ALMOST works. Here is the weird quirk to bypass Dropbox stupid can't-embed-images thing. The link you got, will look sorta like this: <a href="https://www.dropbox.com/s/" rel="nofollow">https://www.dropbox.com/s/</a> filenameofyourimagehere .jpg?dl=0 (or .png or whatever fileformat it is ofc) The end of it is the key. if you change dl=0 to raw=1 , suddenly the image CAN be linked to the r20 chat, and other places where you can embed pictures via url. And I have no idea why they made it so complicated. Now... if I can only make those darn Dropbox images also work with that Handout Image in Text-Field trick where we use the Copy Image (not the url) and Paste it into the text field, and voila. But... while it works with some links from other places.... Dropbox and Google pictures doesn't play along there yet, at least not in a way I've managed to find out, which is a bummer since I have basically all my own homebrew images and d&amp;d content on Dropbox (because Google Drive is 15 gb and doesn't wanna link at all, and I have 2 TB on Dropbox). It pastes fine, but when saving it disappears like it wasn't even there, or just gives me a block of... weird code... Oh well,, look at me, now I'm just derailing and ranting... ignore this part, it wasn't a question. Focus on peoples answers to your question, and if you have dropbox you might have use of the dropbox tips above this rant. :)
1594792048
Mike deBoston
Compendium Curator
Dropbox literally changed the way they handle images so my links from Roll20 stopped working. Painful. Imgur works great, you don't need any #jpg or #png hack for the extension. KEITH , that Imgur extension is amazing! I've been manually uploading to Imgur until I read your tip -- It's a game changer! And now it uploads into my private account as well! And when I buy images (paper minis, etc), I just drag and drop them into Imgur as well for access by my macros.