They’ve added HEIC too, which is a bit odd. They haven’t done that years ago when the OS got HEIC support, so I’ve assumed they didn’t want a proprietary commercial format to spread to the Web.
With AVIF and JPEG XL there’s no technical need for HEIC. It’s only going to be causing breakage when amateurs build websites with oversized bloated images taken straight from their iOS camera roll.
only going to be causing breakage when amateurs build websites with oversized bloated images taken straight from their iOS camera roll.
I don’t think that’s really the use-case they have in mind:
With support for HEIC in Safari, Safari View Controller, and WKWebView, you can now support importing and editing such photos right in the browser, without needing to convert them into another format. HEIC is also ideal for displaying images when using WKWebView inside an app.
Support for image-set() is nice, but it does also feel like we now have a ridiculous number of ways to tell a browser, “I would like to display an image, and here is a list of image files that you could load based on the size or resolution at which the image will be displayed, or based on which image formats you support.” Specifically, we already had <img srcset> and <picture>. This CSS-Tricks article explains when and how to use them, but it’s pretty complicated! At least this new version is part of CSS and not HTML, I guess.
Hooray for JPEG XL support.
They’ve added HEIC too, which is a bit odd. They haven’t done that years ago when the OS got HEIC support, so I’ve assumed they didn’t want a proprietary commercial format to spread to the Web.
With AVIF and JPEG XL there’s no technical need for HEIC. It’s only going to be causing breakage when amateurs build websites with oversized bloated images taken straight from their iOS camera roll.
I don’t think that’s really the use-case they have in mind:
Thanks. That makes sense.
Support for
image-set()is nice, but it does also feel like we now have a ridiculous number of ways to tell a browser, “I would like to display an image, and here is a list of image files that you could load based on the size or resolution at which the image will be displayed, or based on which image formats you support.” Specifically, we already had<img srcset>and<picture>. This CSS-Tricks article explains when and how to use them, but it’s pretty complicated! At least this new version is part of CSS and not HTML, I guess.Huh, why did unprefixing
hyphenstake them sooooo loooong? Everyone else did that in 2015, which (wow) is 8 years ago already.