Skip to main content
CSS-Tricks
  • Articles
  • Videos
  • Almanac
  • Newsletter
  • Guides
  • DigitalOcean
  • DO Community
Search

Articles Tagged
avif

4 Articles
{
,

}
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 …

Avatar of Ollie Williams
Ollie Williams on Sep 28, 2022
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 …

Avatar of Sunkanmi Fafowora
Sunkanmi Fafowora on May 9, 2022 (Updated on Jul 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().…

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

AVIF has landed

Direct Link

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 …

Avatar of Chris Coyier
Shared by 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
  • DigitalOcean
  • DigitalOcean Community
  • About DigitalOcean
  • Legal
  • Free Credit Offer
CSS-Tricks
  • Email
  • Guest Writing
  • Book
  • Advertising
Follow
  • Mastodon
  • Twitter
  • Instagram
  • YouTube
  • CodePen
  • iTunes
  • RSS
Back to Top