Settings

Theme

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

css-tricks.com

44 points by seekayel 4 years ago · 16 comments (15 loaded)

Reader

notjustanymike 4 years ago

People at my job refer to any embedded, auto playing video as a gif. It's so hard to continue functioning as a civil adult.

Royi 4 years ago

Another great option is Animated PNG [0]. It has better quality and better compression compared to GIF.

It appears as a side note in the article but it should be considered for the use case.

[0]: https://en.wikipedia.org/wiki/APNG

  • pornel 4 years ago

    APNG is at best a mixed bag, far from being a significant improvement over GIF.

    GIF can have one palette per frame, which can be exploited to improve compression and quality (see https://gif.ski). APNG has to either use a costly true-color mode, which makes it compress worse than GIF, or one palette per entire animation, which gives it worse quality than GIF.

    All the GIF-killer formats miss the point. They're trying to beat GIF on being primitive and inefficient, but GIF isn't successful because it's a dumb slow video codec, it's successful because it's old enough to be universally supported.

  • rchaud 3 years ago

    APNG is a huge disappointment. Its compression is barely any better than GIF, less than 25% in most cases. Inline muted video on loop is easily the superior choice as file sizes are smaller and browser compatibility is better.

    The one area APNG would be useful compared to MP4 is where the image itself needs to have a transparent background. MP4 cannot be transparent, it will always be in a rectangular container and a solid background.

amatecha 4 years ago

"most performant"... did they mean "best-performing"?

  • brrrrrm 4 years ago

    I’ve recently started hearing this form of pedantry, but I’m not sure I understand it. “Performant” seems to be defined by the New Oxford American dictionary as “performing well” and claims it is mostly used in computing contexts. What’s the issue with saying “most performant”?

    • theandrewbailey 4 years ago

      It's vague. How does it "perform well"? Does it mean "faster"? "smaller"? Why not use a word that's not only more specific and well-known, but faster to read and pronounce?

      • brrrrrm 4 years ago

        I believe that’s a separate issue as “best-performing” isn’t any less vague.

      • derbOac 3 years ago

        FWIW, to me performant has connotations of conformant, so performant implies "performing to spec". I also think it implies in general doing what it's supposed to. Maybe that impression is incorrect but it is my impression.

Keyboard Shortcuts

j
Next item
k
Previous item
o / Enter
Open selected item
?
Show this help
Esc
Close modal / clear selection