modrinth
Gifs in the project description are not working properly
Please confirm the following.
- [x] I checked the existing issues for duplicate problems
- [x] I have tried resolving the issue using the support portal
What browsers are you seeing the problem on?
Chrome (including Arc, Brave, Opera, Vivaldi)
Describe the bug
Steps to reproduce
- create a new project
- place the gif in the description:
or - observe that the gifs aren't loading correctly while it works when you try to load them in the web browser
Expected behavior
The gifs should just load and play their animation
Additional context
Something to note maby is that the gifs are around 10Mb in size which is quite big, the issue isn't applying to my small gifs of a couple kbs. Altho I couldn't find any details about size limits anywhere.
Have you considered using silent .mp4 or .webm videos for these clips instead? GIF is a noticeably outdated and inefficient format these days. Even if GIFs worked as expected, you'd very likely benefit from switching to alternatives that produce smaller files, helping your project page load faster.
They are quite short (10s) and I would like them to play without the user having to click on the video to play
Also my website doesn't have that much bandwidth so I was using wrsv inorder to help with that. I don't think this works for videos right?
wsrv.nl claims to support animated WebP, which should be like GIF but better. What about using that?
hmm the image does load in modrinth but it doesn't play the animation https://wsrv.nl/?url=https://theblackswitch.com/assets/images/ancient_artifacts/AA-recycling.webp&n=-1
I've reproduced the issue with the https://wsrv.nl/?url=https://theblackswitch.com/assets/images/ancient_artifacts/AA-recycling.webp&n=-1 image URL and can confirm that it's an issue with how our Markdown parser escapes additional query parameters in URLs, at least in the preview page.
The URL gets translated to https://wsrv.nl/?url=https://theblackswitch.com/assets/images/ancient_artifacts/AA-recycling.webp&;n=-1 (notice the extra ; after the last &), which makes wsrv serve the image as static. You could work around this by using a URL without query parameters, though simple 301 redirects seem to not work here.