Does CloudFront support AVIF images?

Yes, CloudFront supports delivering AVIF images. However, it's important to note that support for AVIF may vary depending on the client's browser and device. Some older browsers may not support AVIF images, while others may not support certain AVIF features.

If you're receiving a 401 error when accessing your AVIF image via CloudFront, it's possible that the file is not properly configured for public access. You can check the permissions of the file in your S3 bucket, and make sure that it is set to allow public access. Additionally, you may want to check your CloudFront distribution settings to ensure that it is properly configured to serve files from your S3 bucket.

It's also possible that the issue is related to the file format itself. While CloudFront does support delivering AVIF images, it's possible that the file is not correctly formatted, or that it contains errors that are causing it to fail to load. You may want to try opening the file in a different image viewer or editor to confirm that it is properly formatted and can be loaded correctly.

My Reproduction:

1. To test this, I have uploaded a Sample AVIF formatted file to my S3 bucket something like this s3://location124/sample.avif then I allowed public access to that file in S3.

2. Then, I went into CloudFront and created a distribution while choosing the Origin domain as the above s3 bucket.

3. Then I tried accessing the file from my browser using the domain name along with the object name and the file was accessible successfully.

   For example, if the domain name is d111111abcdef8.cloudfront.net and the object is sample.avif, the URL for the link would be: https://d111111abcdef8.cloudfront.net/sample.avif

Tested using Google Chrome Browser - Version 111.0.5563.146 (Official Build) (arm64)

Note: If you find my answer helpful, please reply with your response accepting my answer. Thank you.