What is AVIF
File compression is necessary to free up network infrastructure resources. AVIF aims to improve data traffic efficiency and replace the widely used JPEG format in the long term. Compared to JPEG, AVIF offers better quality and compression. There is interest in introducing a new image format among data that you can compress losslessly and lossy. In addition, AVIF supports extended color spaces (wide color gamut, WCG) and features such as graininess, chroma subsampling, and HDR (high dynamic range).
Chrome, Opera, Firefox, and other browsers support AVIF.
What is Uploadcare
Uploadcare offers file uploading, media processing & content delivery for modern web apps.
Alongside an image editor, you can receive files from your users via the File Uploader or File Upload API, implement image optimization and transformations with Image CDN API, and get HIPAA-compliant storage.
Uploadcare supports AVIF
Uploadcare Image processing pipeline now supports AVIF images as a source. Processed images could also be served as AVIF using the
1-/format/auto/
Example code
1<img srcset="https://ucarecdn.com/f70b3810-1f72-4ad3-97c9-fd1c9c24db6f/-/format/auto/-/resize/240x/ 240w,
2 https://ucarecdn.com/f70b3810-1f72-4ad3-97c9-fd1c9c24db6f/-/format/auto/-/resize/400x/ 400w,
3 https://ucarecdn.com/f70b3810-1f72-4ad3-97c9-fd1c9c24db6f/-/format/auto/-/resize/480x/-/quality/lightest/ 480w,
4 https://ucarecdn.com/f70b3810-1f72-4ad3-97c9-fd1c9c24db6f/-/format/auto/-/resize/800x/-/quality/lightest/ 800w"
5 sizes="(max-width: 820px) 240px, 400px"
6 src="https://ucarecdn.com/f70b3810-1f72-4ad3-97c9-fd1c9c24db6f/-/resize/400x/"
7 alt="Mountain lake">