How to use the next-gen open-sourced .Avif image format, 50% smaller than JPEG

#1

Post by tomhanlon » Thu, Aug 06, 2020, 2:53 PM UTC

How to use the next-gen open-sourced .Avif image format, 50% smaller than JPEG
reachlightspeed.com

Re: How to use the next-gen open-sourced .Avif image format, 50% smaller than JPEG

#2

Post by tomhanlon » Thu, Aug 06, 2020, 2:58 PM UTC

We're really excited about this image format -- for the same image quality .AVIF compresses 50% smaller than JPEG, 20% smaller than WebP and is free to use.

Re: How to use the next-gen open-sourced .Avif image format, 50% smaller than JPEG

#3

Post by ortusdux » Thu, Aug 06, 2020, 5:14 PM UTC

Ironically, the avif demo image they use in this write-up is larger then the failover jpg (137kb vs 110kb).

https://reachlightspeed.com/img/blog/post-using-avif-images-...

Re: How to use the next-gen open-sourced .Avif image format, 50% smaller than JPEG

#4

Post by nicoty » Thu, Aug 06, 2020, 5:15 PM UTC

How does it compare with FLIF? What use cases would it excel on/have that the other wouldn't/doesn't?

Re: How to use the next-gen open-sourced .Avif image format, 50% smaller than JPEG

#5

Post by [deleted] » Thu, Aug 06, 2020, 5:18 PM UTC

[deleted]

Re: How to use the next-gen open-sourced .Avif image format, 50% smaller than JPEG

#6

Post by tomhanlon » Thu, Aug 06, 2020, 5:21 PM UTC

ortusdux wrote: post #3

Ironically, the avif demo image they use in this write-up is larger then the failover jpg (137kb vs 110kb). https://reachlightspeed.com/img/blog/post-using-avif-images-... https://reachlightspeed.com/img/blog/post-using-avif-images-...

Good catch! We were moving quickly trying to get this blog post out before the standard was implemented. We've updated this and it's now a smaller file size.

Re: How to use the next-gen open-sourced .Avif image format, 50% smaller than JPEG

#7

Post by dimitar » Thu, Aug 06, 2020, 5:25 PM UTC

tomhanlon wrote: post #6

ortusdux wrote: post #3

Ironically, the avif demo image they use in this write-up is larger then the failover jpg (137kb vs 110kb). https://reachlightspeed.com/img/blog/post-using-avif-images-... https://reachlightspeed.com/img/blog/post-using-avif-images-...

Good catch! We were moving quickly trying to get this blog post out before the standard was implemented. We've updated this and it's now a smaller file size.

But what happened?

Re: How to use the next-gen open-sourced .Avif image format, 50% smaller than JPEG

#8

Post by tomhanlon » Thu, Aug 06, 2020, 5:29 PM UTC

dimitar wrote: post #7

tomhanlon wrote: post #6

Earlier quoted context omitted.

Good catch! We were moving quickly trying to get this blog post out before the standard was implemented. We've updated this and it's now a smaller file size.

But what happened?

The .avif file in the example was accidentally saved as larger than the JPEG file which makes it a poor use case. We compressed the .avif file with the correct compression quantizer with avifenc to higlight the difference.

The JPEG file is 112kb and the .avif file is now 55kb.

Re: How to use the next-gen open-sourced .Avif image format, 50% smaller than JPEG

#9

Post by tomhanlon » Thu, Aug 06, 2020, 5:31 PM UTC

nicoty wrote: post #4

How does it compare with FLIF? What use cases would it excel on/have that the other wouldn't/doesn't?

FLIF seems to compress higher but to my knowledge there is no major browser support. AVIF support is scheduled for Firefox 80 and Chrome 85 by the end of this month (August 25).

Re: How to use the next-gen open-sourced .Avif image format, 50% smaller than JPEG

#10

Post by kjeetgill » Thu, Aug 06, 2020, 5:32 PM UTC

tomhanlon wrote: post #9

nicoty wrote: post #4

How does it compare with FLIF? What use cases would it excel on/have that the other wouldn't/doesn't?

FLIF seems to compress higher but to my knowledge there is no major browser support. AVIF support is scheduled for Firefox 80 and Chrome 85 by the end of this month (August 25).

Knowing nothing about the formats, why the difference in adoption?