Skip to main content
CSS-Tricks
  • Articles
  • Notes
  • Links
  • Guides
  • Almanac
  • Picks
  • Shuffle
Search

Articles Tagged
avif

4 Articles
{
,

}
Direct link to the article Useful Tools for Creating AVIF Images
av1 avif images

Useful Tools for Creating AVIF Images

AVIF (AV1 Image File Format) is a modern image file format specification for storing images that offer a much more significant file reduction when compared to other formats like JPG, JPEG, PNG, and WebP. Version 1.0.0 of the AVIF specification …

Sunkanmi Fafowora on Aug 28, 2024
Direct link to the article GIFs Without the .gif: The Most Performant Image and Video Options Right Now
avif gif image-set picture video webp

GIFs Without the .gif: The Most Performant Image and Video Options Right Now

So you want an auto-playing looping video without sound? In popular vernacular this is the very meaning of the word GIF. The word has stuck around but the image format itself is ancient and obsolete. Twitter, for example, has …

Ollie Williams on Sep 28, 2022
Direct link to the article Using Performant Next-Gen Images in CSS with image-set
avif image-set picture srcset

Using Performant Next-Gen Images in CSS with image-set

The CSS image-set() function has been supported in Chromium-based browsers since 2012 and in Safari since version 6. Support recently landed in Firefox 88. Let’s dive in and see what we can and can’t do today with image-set().…

Ollie Williams on Jun 23, 2021
Direct link to the article AVIF has landed
avif image compression image formats

AVIF has landed

Everybody is talking about AVIF today because of Jake’s blog post. As the say, I was today years old when I learned AVIF was a thing. But thanks to web technology being ahead of the game for once, we …

Chris Coyier on Sep 8, 2020

CSS-Tricks is powered by DigitalOcean.

Keep up to date on web dev

with our hand-crafted newsletter

DigitalOcean
  • About DO
  • Cloudways
  • Legal stuff
  • Get free credit!
CSS-Tricks
  • Contact
  • Write for CSS-Tricks!
  • Advertise with us
Social
  • RSS Feeds
  • CodePen
  • Mastodon
  • Bluesky
Back to Top