diff --git a/cypress/e2e/images/image.avif.cy.ts b/cypress/e2e/images/image.avif.cy.ts
new file mode 100644
index 000000000..4ee195c47
--- /dev/null
+++ b/cypress/e2e/images/image.avif.cy.ts
@@ -0,0 +1,5 @@
+import imageTest from '../mixins/image'
+
+describe('Open image.avif in viewer', function() {
+	imageTest('image.avif', 'image/avif')
+})
diff --git a/src/models/images.js b/src/models/images.js
index bedaa22d4..87755d3cb 100644
--- a/src/models/images.js
+++ b/src/models/images.js
@@ -33,6 +33,7 @@ const enabledPreviewProviders = loadState(appName, 'enabled_preview_providers',
 const previewSupportedMimes = [
 	'image/heic',
 	'image/heif',
+	'image/avif',
 	'image/tiff',
 	'image/x-xbitmap',
 ]