Chrome supports image/avif, and has it in the Accept headers for images. And Firefox does as well if the experimental flag is enabled.

Sorry I haven't posted an update here yet. The code required to extend the auto_webp functionality to auto_avif isn't trivial: you need to extend ThumborServiceApp with a class that replaces the ImagingHandler in get_handlers so you can access the headers. In the handler class you need to set context.request.accepts_avif. And you need to extend the logic in _write_results_to_client so that it adds Vary: Accept for auto-avif-capable images.

On top of that you need a custom image engine that allows you to control things like the quality and codec of the AVIF encode via settings. And you need to make sure that the result_storage stores the auto-avif images in a separate location (whether that's the file_storage or tc_aws).

I've also written code to use the thumbor threadpool to perform the AVIF encoding in the background. The first time an AVIF image is requested for an auto-avif capable image, it returns whatever non-AVIF format would be the default (with a short cache TTL) while it queues up a background encode. Once the encoding is complete in the background thread, it saves the AVIF image to result storage, after which point requests for that image that Accept: image/avif get served the image from storage.

I ran into some oddities while working on this feature. For instance: Chrome will happily serve up a JPEG image that's encoded with 3 RGB channels but has a CMYK color profile, but it will refuse to do the same for an AVIF image (which has YUV channels). Images that have RGB data but CMYK color profiles are probably pretty uncommon generally, but they crop up fairly often when you're working with images that were originally intended for print. So I had to write a function that checks the color profile and transforms it to sRGB if necessary.

All of which is to say that there's still some work to do (mainly documentation and packaging) before it can be published in a public repository. But I still intend to do so.

AVIF support #1314

Description

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions