Webp as Jpeg alternative in Blocs

Apple has added webp support to Safari in Big Sur beta 4. Apple adds WebP, HDR support, and more to Safari with iOS 14 and macOS Big Sur - 9to5Mac

Yes 10 years later. :grin:

Besides WebP, AVIF is now the new kid on the bloc(k).

Yes I was reading about AVIF the other day here:

It looks very good but we’ll need editing software that can export these formats and also an image bric with a fallback to Jpeg for a few years at least I think.

The same for WebP still also. (Or am I mistaken concerning a bric?)

It looks like anything is better than Jpeg right now but we will need that fallback position just to allow for a declining number of older Safari browsers over the next couple years. With speed becoming ever more important for page ranking Blocs needs a solution here.

I have no idea how this would be implemented but I would imagine something like an image bric with the ability to choose two images with one designated for Jpeg and the other for AVIF or WebP. At this stage WebP has a lot more compatibility but I’d rather be ahead of the game than behind it.

A lot can change in 6 months if this format takes off and in a couple years time we might have AVIF as the main format with WebP as the fallback. Most users have browsers that auto update nowadays so the uptake could be very fast.

srcset - for both WebP & AVIF
src - for fallback

Seems like it should not be anything major within Blocs for either. Users drop the images respectively in an image well in the side bar for each source type occurrence and fallback. Then Blocs creates/modifies the source with references to each using srcset & src.

Perhaps Norm can do something along those lines. The real brake on progress has been Apple in not supporting WebP earlier. I was using WebP years ago through Cloudflare and only needed to upload Jpegs. They then created WebP versions and served them whenever a compatible browser was in use. When I tested on speed checkers browsers loading WebP were half the size.

I don’t think Safari should be considered a hindrance, although it sure does its best to be one.

I say that given Chrome supported WebP over 5 years ago coupled with its massive dominance of usage percentage. Generally when something comes out from behind the dev flag in Chrome and goes live with a fallback* present then usage commences by most. If a fallback* is present there is no reason not to take advantage of features that are supported in Chrome and benefit the majority of users given its marketshare.

I’m all in favour of using WebP or Avif as primary formats. It’s just that certain websites will have a disproportionate number of Safari users, therefore they need to offer some kind of fallback for another couple of years. If you look at this site as an example, nearly everybody will be a Mac user and I’d guess half are using Safari.

Having to double up on image formats will actually be a bit of a pain, but I think it’s the only viable option if and when we move beyond Jpeg in Blocs.

1 Like

We obviously agree on the need for fallbacks where fallbacks are needed. Perhaps Blocs 4 will at least support WebP (with fallback).

:wink: I don’t think landing on a forum for a Mac only app is a good indicator given most will probably use the default browser of the OS in which they will be using said app.

Over the years I’ve always gotten the passing impression that some users have the impression that most everyone uses Safari (not saying you). I would be hard pressed to think the majority of Blocs made sites fall under such Apple centric usage or percentages however. Rather instead I’m sure the majority of sites match common demographics across the internet.

Hi!
Does anyone know if there is a fallback for webp or AVIF in Blocs 4 plus?
Thanks!

Nothing planned that I am aware of, but I know very little. It’s not there at the moment.

It’s a tricky one because I think Jpeg will be considered a relic in a couple years and sites using it will be slower than necessary. If we use it now we are at a competitive disadvantage for page loading speed with most browsers.

It would make sense to favour WebP, but at the moment we lack that fallback position to cater for Safari. As a web designer I would be in tricky position explaining to an art director or client using the latest version of Safari on Catalina why they can’t see any images on a site.

Another consideration is that it isn’t easy at the moment exporting files as WebP. For example I have Affinity Photo, yet there is no option at present for that, however I would expect to see it pretty soon now.

Avif looks brilliant, however there is very low browser compatibility at the moment "avif" | Can I use... Support tables for HTML5, CSS3, etc

2 Likes

So blocs 4 still doesn’t support WebP right? I though it did :man_shrugging:

I thought it does, but only if you are using Big Sur. The bigger issue is browser compatibility with Safari on Catalina or earlier.

1 Like

MacOS Big Sur brings support so blocs v4 on Big Sur supports webp. But currently no built in fall ball

1 Like

But im trying to add webp images into blocs and I get an error.

How are you adding them and what does the error say?

This!

That’s because the OS won’t render them. On Big Sur they should show.

Is this Big Sur?

Ah right! No Im on Catalina!