Whats the pixel size cut off for a big or small picture in the chat box?

Whats the pixel size  cut off for a big/small pictures in the chat box? 120 pixels or is it by file size or....? For a lot of reasons, I use roll20 basic macros. Sometimes the DM doesn't see my skill checks, and they are kinda butt ugly (and completely break in dark mode) So I add a picture to some of them to make them more visible. But if the picture is large, it takes up WAAAAAY too much space . If the picture is smaller, it looks reasonable. It seems to be either big or small, I haven't noticed any scaling or any kind of medium.

Hi BigNorseWolf! How are you generating the picture? In general, the formatting is either the original pixel width or the chat window width, whichever is smaller.

Like keithcurtis explained.. Big images should smooosh to fit the Chat width (in the VTT). Have you had that not happen?  Note that if you go to Chat Archives the images will be full sized again, and can really stretch the chat archive.

Depending on how the image is called, you can often click on it to open it full size in an external window, as well.

Grumble forums is being wonky even by roll20 standards.... Below you can see an Screenshot of the chat window. The same picture is called up in the macro at different sizes. The top bigger one takes up too much space when the DM is trying to see players roll 6 skill checks at the same time, the bottom one is much more managable. I made it smaller by shrinking the pixel size. But for all I know its a file size thing. I was wondering if anyone knew the exact reason/ cut off for the differences I'm calling them up using the trick with [x](<a href="http://www.Peekmouse.JPG" rel="nofollow">www.Peekmouse.JPG</a>)

TT

Sure! The top one is a big image reducing to fit the width of the column, in this case the left hand text column of the default roll template. The bottom one is already smaller than the width of the column, and so it is displaying at pixel dimensions.

The default roll template has variable column widths depending on the content, so it is not great for what you are trying to do. Depending on your sheet choice, there may be better roll template options. If you are going to be using a handful of images over and over again, it might be best to produce those images to the intended display size before employing them. It might be possible to define a width using one of the button formatting tricks here .

keithcurtis said: It might be possible to define a width using one of the button formatting tricks here . A good thought, but I think you need to use HTML to span &lt;table&gt; columns, not CSS. The only other way I can think of to ignore the &lt;td&gt; bounds would be a position: absolute or similar. Unfortunately this will pop it out of the template entirely - the closest ancestor with position: relative is the entire chat bar. Is there any reason it can't go straight in chat without the template? The other easy solution I can think of is to use the {{name}} property, since it isn't part of the &lt;table&gt;: &amp;{template:default} {{name=[img](<a href="https://cdn.discordapp.com/attachments/883914822511636500/1009208269639778444/unknown.png" rel="nofollow">https://cdn.discordapp.com/attachments/883914822511636500/1009208269639778444/unknown.png</a>)}} {{stuff=things}} If you have images with transparency (like the Roll20 logo), you'd need the trick Keith mentioned to give it a white background: &amp;{template:default} {{name=[lnk](" style="background:white; padding: 2px; display: block; font-size:0px"&gt;&lt;img src="<a href="https://app.roll20.net/v2/images/roll20-logo.png" rel="nofollow">https://app.roll20.net/v2/images/roll20-logo.png</a>")}} {{stuff=things}}

It seems you could use it in a limited fashion: &amp;{template:default} {{name=Logo sizes}}&nbsp; {{100px=[lnk](" style="background:white; padding: 2px; display: block; font-size:0px; width:100px"&gt;&lt;img src="<a href="https://app.roll20.net/v2/images/roll20-logo.png" rel="nofollow">https://app.roll20.net/v2/images/roll20-logo.png</a>")}} &amp;{template:default} {{name=Logo sizes}}&nbsp; {{200px=[lnk](" style="background:white; padding: 2px; display: block; font-size:0px; width:200px"&gt;&lt;img src="<a href="https://app.roll20.net/v2/images/roll20-logo.png" rel="nofollow">https://app.roll20.net/v2/images/roll20-logo.png</a>")}}

Yeah, but what happens to the 200px version if you have {{assisted roll=[[1d20]]}} above it? I'm assuming one of the columns will look horrible. Tables are horrible, and Roll20 knows this, which is why Roll20 doesn't accept character sheets with tables. But we're forced to use them in the chat bar.... If it was flex or grid, we could actually do some cool stuff with CSS....

Yeah, that's why I said "limited fashion". It breaks pretty quickly for anything complicated, even a second image.