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 .
×

Web P breaks after reloading the editor

After uploading a single frame webP image and reloading the editor I experienced broken links in the Art Library. Before reloading I was able to place the art into the scene, afterward I was not. Images placed into the scene before reloading appear normally. To create the files I used the png to webP converter found on this webpage: <a href="https://developers.google.com/speed/webp/docs/using" rel="nofollow">https://developers.google.com/speed/webp/docs/using</a>
Hello Luke S. I'm sorry to hear that you're having issues with the site. To rule out any other potential issues, could you please carefully work through these steps of our guide to&nbsp; Solving Technical Issues ? Step 1: Make sure to use the right browser Please check if these issues persist when using both Chrome&nbsp; and&nbsp; Firefox. Step 2: Ensure that there are no extensions/addons interfering with Roll20 Please disable&nbsp; all&nbsp; add-ons/extensions. Step 3: Clear your cache If none of the above succeeds, please thoroughly work through&nbsp; Step 4 .&nbsp; (Don't forget the complete Console Log!) Thank you!
Hi Dragon Dreamer. I performed all the actions you descibed. However i'm not willing to upload a verbatem log and system specifcation to a public forum. So he is just the part related to the problem Could not load image from <a href="https://s3.amazonaws.com/files.d20.io/images/73210465/0xpaEDLhdWkggxqorJ3gyQ/thumb.webp?1549463224" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/73210465/0xpaEDLhdWkggxqorJ3gyQ/thumb.webp?1549463224</a> app.js:533:2769 Could not load image from <a href="https://s3.amazonaws.com/files.d20.io/images/73210802/o3vK_nI9qmZ_Si2l3jbUvQ/thumb.webp?1549463653" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/73210802/o3vK_nI9qmZ_Si2l3jbUvQ/thumb.webp?1549463653</a> app.js:533:2769 Could not load image from <a href="https://s3.amazonaws.com/files.d20.io/images/73211144/8A96PVHSX2_-WuA5bNOJBw/thumb.webp?1549464183" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/73211144/8A96PVHSX2_-WuA5bNOJBw/thumb.webp?1549464183</a> app.js:533:2769 the reason this fails is because the files are not present, and instead exist at */thumb.jpg?* instead of */thumb.webp?* making this an error in the upload/file storage field. changing the following node &lt;li class="dd-item library-item draggableresult recentupload ui-draggable" data-fullsizeurl="<a href="https://s3.amazonaws.com/files.d20.io/images/73259817/14WNHjgFFxq1TorrBpsEkQ/max.webp?1549509719" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/73259817/14WNHjgFFxq1TorrBpsEkQ/max.webp?1549509719</a>" data-imageid="86762637" data-filesize="34 KB" data-uploaddate="1549509719000"&gt;&lt;div class="dd-handle dd-sortablehandle"&gt;Drag&lt;/div&gt;&lt;div class="dd-content"&gt;&lt;div class="token"&gt;&lt;img src="<a href="https://s3.amazonaws.com/files.d20.io/images/73259817/14WNHjgFFxq1TorrBpsEkQ/thumb.webp?1549509719" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/73259817/14WNHjgFFxq1TorrBpsEkQ/thumb.webp?1549509719</a>" draggable="false"&gt;&lt;/div&gt;&lt;div class="name"&gt;&lt;div class="namecontainer"&gt;beka.webp&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/li&gt; to &lt;li class="dd-item library-item draggableresult recentupload ui-draggable selected" data-imageid="86762637" data-filesize="34 KB" data-uploaddate="1549509719000" data-fullsizeurl="<a href="https://s3.amazonaws.com/files.d20.io/images/73259817/14WNHjgFFxq1TorrBpsEkQ/max.jpg?1549509719&quot;&gt;&lt;div" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/73259817/14WNHjgFFxq1TorrBpsEkQ/max.jpg?1549509719"&gt;&lt;div</a> class="dd-handle dd-sortablehandle"&gt;Drag&lt;/div&gt;&lt;div class="dd-content"&gt;&lt;div class="token"&gt;&lt;img draggable="false" src="<a href="https://s3.amazonaws.com/files.d20.io/images/73259817/14WNHjgFFxq1TorrBpsEkQ/thumb.jpg?1549509719&quot;&gt;&lt;/div&gt;&lt;div" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/73259817/14WNHjgFFxq1TorrBpsEkQ/thumb.jpg?1549509719"&gt;&lt;/div&gt;&lt;div</a> class="name"&gt;&lt;div class="namecontainer"&gt;beka.webp&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/li&gt; fixes the problem temporarly
1549633521

Edited 1549634761
I too am experiencing identical issues to Luke. I've tested several images in both png and webp formats, with webp both as lossless and lossy compressed. All webp images break upon editor reload, or even just reloading my library by clicking the filter button. webp images dragged directly to the play area (from windows explorer) persist through editor reload, but the library objects do not. Their thumbnails change to the broken image icon and they cannot be drag-dropped to the play area anymore. The commands for the generation of the webps are below. cwebp -lossless -q 100 -alpha_q 100 -m 6 -mt test.png -o lossless.webp cwebp -near_lossless 0 -q 100 -alpha_q 100 -m 6 -mt test.png -o near_lossless.webp cwebp -q 100 -m 6 -pass 10 -af -mt test.png -o lossy.webp cwebp -q 100 -alpha_q 80 -m 6 -pass 10 -af -mt test.png -o lossy_trans.webp
Hello again Luke S. and Micheal,&nbsp; No worries on not wanting to provide us with the full console log here. However, so that we may fully understand your issue, could you please email them to us at <a href="mailto:Team@roll20.net" rel="nofollow">Team@roll20.net</a> ? Please also provide us the full bug report from Step 4 in that email so we have all of the information to help assist you both with your issues. Thanks.