Apple announced a ton of new updates at yesterday’s WWDC20 keynote address, from new hardware to updated applications. There’s lots to gawk at and enough device-envy to go around.
But there’s one little line in the Safari 14 Beta release notes that caught my eye:
Added WebP image support.
???
This excites me because WebP is a super progressive format that encodes images in lossless and lossy formats that we get with other image formats we already use, like JPEG, but at a fraction of the file size. We use WebP right here at CSS-Tricks, thanks to Jetpack and its Site Accelerator feature that serves WebP versions of the images we upload to browsers that support them. Jeremy Wagner has a great write-up on WebP and how to work with it, specifically for WordPress.
So, yes, this means WebP will be largely supported across the board (:IE-sad-trombone:) once Safari 14 ships.
This browser support data is from Caniuse, which has more detail. A number indicates that browser supports the feature at that version and up.DesktopChromeFirefoxIEEdgeSafari3265No1814Mobile / TabletAndroid ChromeAndroid FirefoxAndroidiOS Safari84684.2-4.314.0
Even with that great support, defining fallbacks with the
Safari 14 Beta Release Notes• Added WebP• Changed to derive aspect ratio from size attributes• Added :is()• Added :where() • Safari no longer supports Flash• Added Safari Web Extensions• Added Webpage Translation (Beta)& much more: https://t.co/qO2Cy7rK4A— Jen Simmons (@jensimmons) June 22, 2020
Direct Link ?