1. Be civil
No trolling, bigotry or other insulting / annoying behaviour
2. No politics
This is non-politics community. For political memes please go to !politicalmemes@lemmy.world
3. No recent reposts
Check for reposts when posting a meme, you can only repost after 1 month
4. No bots
No bots without the express approval of the mods or the admins
5. No Spam/Ads
No advertisements or spam. This is an instance rule and the only way to live.
Context: Even though Chromium has native support for AVIF, a very nice image format, Microsoft goes out of their way to remove it from Edge, which is a chromium fork. Jpeg XL (JXL) (not to be confused with Jpeg (JPG) or Jpeg 2000 (jpg2k) ) is another nice image format, which, IIRC, is only supported in Firefox.
Please don't- HTML has native image fallback functionality https://www.w3schools.com/TAGS/tag_picture.asp
edit
lemmy swallowed my codeblock, take this instead
https://stackoverflow.com/questions/71719254/correct-way-to-display-an-img-fallback
edit
Thanks for the info! I was already suspecting that this could be done without JS, just didn't know how.