Player FM 앱으로 오프라인으로 전환하세요!
Hasty Treat - The New AVIF Image Format Is Unreal
Manage episode 283111539 series 1469447
In this Hasty Treat, Scott and Wes talk about AVIF — what it is and how you might use it!
Freshbooks - SponsorGet a 30 day free trial of Freshbooks at freshbooks.com/syntax and put SYNTAX in the “How did you hear about us?” section.
Sentry - SponsorIf you want to know what’s happening with your code, track errors and monitor performance with Sentry. Sentry’s Application Monitoring platform helps developers see performance issues, fix errors faster, and optimize their code health. Cut your time on error resolution from hours to minutes. It works with any language and integrates with dozens of other services. Syntax listeners new to Sentry can get two months for free by visiting Sentry.io and using the coupon code TASTYTREAT during sign up.
Show Notes03:10 - What is AVIF?
- AVIF is derived from the keyframes of an AV1 video
- Royalty free (big deal)
- What about WebP?
- Basically half the file size of a WebP for free, which was already about half the size of a jpeg
- It’s a lossy format — ie it inherently will degrade the image
- https://jakearchibald.com/2020/avif-has-landed/
- No animation
10:53 - How to implement
- Cloudinary is in beta, but you can try it
- Gatsby supports it
- https://squoosh.app/
- Imagemin
- https://github.com/nucliweb/imagemin-avif
- https://avif.io/
- https://github.com/dreampiggy/AVIFQuickLook
- https://github.com/vercel/next.js/pull/20765
- Scott’s Instagram
- LevelUpTutorials Instagram
- Wes’ Instagram
- Wes’ Twitter
- Wes’ Facebook
- Scott’s Twitter
- Make sure to include @SyntaxFM in your tweets
766 에피소드
Manage episode 283111539 series 1469447
In this Hasty Treat, Scott and Wes talk about AVIF — what it is and how you might use it!
Freshbooks - SponsorGet a 30 day free trial of Freshbooks at freshbooks.com/syntax and put SYNTAX in the “How did you hear about us?” section.
Sentry - SponsorIf you want to know what’s happening with your code, track errors and monitor performance with Sentry. Sentry’s Application Monitoring platform helps developers see performance issues, fix errors faster, and optimize their code health. Cut your time on error resolution from hours to minutes. It works with any language and integrates with dozens of other services. Syntax listeners new to Sentry can get two months for free by visiting Sentry.io and using the coupon code TASTYTREAT during sign up.
Show Notes03:10 - What is AVIF?
- AVIF is derived from the keyframes of an AV1 video
- Royalty free (big deal)
- What about WebP?
- Basically half the file size of a WebP for free, which was already about half the size of a jpeg
- It’s a lossy format — ie it inherently will degrade the image
- https://jakearchibald.com/2020/avif-has-landed/
- No animation
10:53 - How to implement
- Cloudinary is in beta, but you can try it
- Gatsby supports it
- https://squoosh.app/
- Imagemin
- https://github.com/nucliweb/imagemin-avif
- https://avif.io/
- https://github.com/dreampiggy/AVIFQuickLook
- https://github.com/vercel/next.js/pull/20765
- Scott’s Instagram
- LevelUpTutorials Instagram
- Wes’ Instagram
- Wes’ Twitter
- Wes’ Facebook
- Scott’s Twitter
- Make sure to include @SyntaxFM in your tweets
766 에피소드
كل الحلقات
×플레이어 FM에 오신것을 환영합니다!
플레이어 FM은 웹에서 고품질 팟캐스트를 검색하여 지금 바로 즐길 수 있도록 합니다. 최고의 팟캐스트 앱이며 Android, iPhone 및 웹에서도 작동합니다. 장치 간 구독 동기화를 위해 가입하세요.