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.
Discussion thread: What’s your favourite image format and why?
Png because it’s lossless and pretty universal. Svg is pretty cool because it’s vectorized but it’s also a pain to make good svg.
Still waiting for animated PNG. It would make it the perfect universal compressed image format.
Animated PNG actually does exist but it has poor support coverage.
I remember using it to make whatsapp animated stickers
All major browsers (98% of all users) have supported APNG since at least 2020
Firefox: 2008.
Safari: 2014.
Chrome: 2017.
Edge: 2020.
https://caniuse.com/apng
I believe the photo app in Win 10 (and maybe 11) still doesn’t support it but that shouldn’t hinder web devs.
I didn’t even know that was a think. That would be hella cool.
WebP cause small size, can be transparent, can be animated, can use either loseless and lossy compression. Also it pisses of many people which is funny to me.
If you want to piss people off, support JPEG XL
Every time you mention it,
Google shillsWebP supporters come out of the woodworks to do their song and dance!I’'m working on a website right now, trying to choose which image format to use. I think I’m gonna store both webp and AVIF versions on the server, and have Javascript figure out which format is best for the browser automatically (for images that have to be loaded with Javascript anyway).If I have time, I might even try detecting if JXL is supported via third-party extension and using that too.
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.
The pissing people off part is why I post all my memes in webp haha
Extremely based
Gif because its correct pronunciation is gif.
Encapsulated Postscript, because I like my images Turing-complete.
Do you write postscript by hand? I once got the change to take a postscript programming class, but sadly I didn’t (I wish I did tho). How does it compare with SVG? I know SVG has a lot of limitations (for example, you can’t change the color of a shape filled with a pattern), so I guess eps’ turing completeness lets you overcome things like that, since you can just program in whatever functionality you need?
JXL. Better compression in my testing and better quality. Also very flexible format with JPEG compatibility
Any of them that don’t have drm schemes in them.
Now BC7 because i’m playing with graphics programming. Usually… png i guess because it’s simple.