Hello Roll20 Help Center Ticket: 83786 Editing an old rolltemplate I noticed that you are not handling image URLs in a consistent manner. There are multiple outcomes depending on the way an image is added, and if is added to the sheet or to a Rolltemplate. I have described my findings in this video: Roll20 Bug: Inconsistent handling of image URLs Here is a table of the information found: Element Imgsrv added Whitespace encoded Image visible Comment Static/repeating <img> ✅ ✅ ✅ Url handled correctly Static/repeating <div> with background image ❌ ❌ ✅ Url inserted raw. Not handled in any way. Minor bug Static/repeating <th> with background image ❌ ❌ ✅ Url inserted raw. Not handled in any way. Minor bug Static/repeating <td> with background image ❌ ❌ ✅ Url inserted raw. Not handled in any way. Minor bug Rolltemplate <img> ✅ ✅ ✅ Url handled correctly Rolltemplate <div> with background image ✅ ❌ ❌ Url handled by different engine. Imgsrv added but whitespace removed instead of encoded Rolltemplate <th> with background image ✅ ❌ ❌ Url handled by different engine. Imgsrv added but whitespace removed instead of encoded Rolltemplate <td> with background image ✅ ❌ ❌ Url handled by different engine. Imgsrv added but whitespace removed instead of encoded Summary Rolltemplate elements with an background image, are not encoded correctly, resulting in images with whitespaces not showing up. Quick fix The easiest quick fix is to manually replace whitespaces with %20 in all URLs used on Rolltemplates The better fix Ensure that your raw image URLs do not have whitespaces in them in the first place. Code used for the video HTML: <div class="sheet-2colrow">
<div class="sheet-col">
<img src="<a href="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/ADnD" rel="nofollow">https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/ADnD</a> 2E Revised/img/sheet-logo.png">
<div class="background-image"></div>
<table>
<tbody>
<tr><th class="background-image"></th></tr>
<tr><td class="background-image"></td></tr>
</tbody>
</table>
</div>
<div class="sheet-col">
<fieldset class="repeating_section">
<img src="<a href="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/ADnD" rel="nofollow">https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/ADnD</a> 2E Revised/img/sheet-logo.png">
<div class="background-image"></div>
<table>
<tbody>
<tr><th class="background-image"></th></tr>
<tr><td class="background-image"></td></tr>
</tbody>
</table>
</fieldset>
</div>
</div>
<rolltemplate class="sheet-rolltemplate-imagetest">
<img src="<a href="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/ADnD" rel="nofollow">https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/ADnD</a> 2E Revised/img/sheet-logo.png">
<div class="sheet-background-image"></div>
<table>
<tbody>
<tr><th class="sheet-background-image"></th></tr>
<tr><td class="sheet-background-image"></td></tr>
</tbody>
</table>
</rolltemplate> CSS: img {
height: 70px;
}
div.background-image,
span.background-image,
td.background-image,
th.background-image,
.sheet-rolltemplate-imagetest div,
.sheet-rolltemplate-imagetest span,
.sheet-rolltemplate-imagetest td,
.sheet-rolltemplate-imagetest th {
height: 70px;
width: 260px;
}
.background-image,
.sheet-background-image,
.sheet-rolltemplate-imagetest .sheet-background-image
{
background-image: url("<a href="https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/ADnD" rel="nofollow">https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/ADnD</a> 2E Revised/img/sheet-logo.png");
background-size: contain;
background-repeat: no-repeat;
}
