diff --git a/web/src/lib/utils/asset-utils.ts b/web/src/lib/utils/asset-utils.ts index 132b0459ea..3bacab5915 100644 --- a/web/src/lib/utils/asset-utils.ts +++ b/web/src/lib/utils/asset-utils.ts @@ -267,6 +267,11 @@ const supportedImageMimeTypes = new Set([ 'image/webp', ]); +const isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent); // https://stackoverflow.com/a/23522755 +if (isSafari) { + supportedImageMimeTypes.add('image/heic').add('image/heif'); +} + /** * Returns true if the asset is an image supported by web browsers, false otherwise */