How to install AVIF support in KDE

What is AVIF?

AV1 Image File Format (AVIF) is an advanced image format specified by Alliance for Open Media.

AVIF is technically a picture compressed with AV1 video codec wrapped in ISO Base Media File Format.
AV1 compression provides significantly better efficiency than traditional JPEG. Beside 8bit per channel AVIF allows 10bit and 12bit depth, transparency, color profiles, metadata, animation, compression quality ranging from visually lossless to highly compressed lossy while maintaining decent visual quality at low bitrates.

1) Download

Download qt-avif-image-plugin-0.1.0.zip and extract the content of the zip file:

unzip qt-avif-image-plugin-0.1.0.zip

Recommended: read README.txt

GitHub repository: github.com/novomesk/qt-avif-image-plugin

2) Adding MIME types

In order to install mime types image/avif and image/avif-sequence in your system, copy (as root) avif.xml, avifs.xml files to /usr/share/mime/packages/ folder and run:

update-mime-database /usr/share/mime

avif.xml
avifs.xml

3) Compile Qt Image Plugin

Qt Image Plugin allows Qt and KDE applications to open/save pictures in AVIF format. The plug-in uses libavif internally.
You need Qt5 development packages (for example qtbase5-dev), qmake, you may also need cmake and yasm.

If your system has libavif installed (at least version 0.7.0, check for the presence of /usr/include/avif/avif.h), run:

./build_libqavif_dynamic.sh

If you don't have libavif installed, run:

./build_libqavif_static.sh

4) Install libqavif.so

Copy libqavif.so to a folder where qt5-image-formats-plugins and/or kimageformats are installed. It could be one of these locations:

installed libqavif.so in /plugins/imageformats

5) Associate *.avif with applications

Qt based applications should be able to open AVIF images now.
Example how to associate AVIF file type with gwenview:

6) Enable AVIF thumbnails in dolphin file manager

Copy avif.desktop, avifs.desktop to:
/usr/share/kservices5/qimageioplugins/

Update imagethumbnail.desktop (in /usr/share/kservices5/ ):
Add ;image/avif;image/avif-sequence to the MimeType= list:

AVIF thumbnails in dolphin:

7) Enjoy using AVIF in applications

gwenview

AVIF picture in gwenview

KolourPaint

AVIF picture in kolourpaint

nomacs

AVIF images in nomacs

KPhotoAlbum

AVIF images in kphotoalbum

digiKam

AVIF images in digikam

qView

AVIF image in qView

LXImage-Qt

AVIF image in LXImage-Qt

qimgv

AVIF images in qimgv