vhs icon indicating copy to clipboard operation
vhs copied to clipboard

Add WebP output support

Open CMiksche opened this issue 3 years ago • 4 comments

WebP offers the same quality and also animations, but needs way less data. (One GIF of mine was 171 KB and the same as WebP was just 13 KB)

CMiksche avatar Oct 27 '22 20:10 CMiksche

Output to a webm video format, then include it using the video HTML5 tag.

More info:

  • https://github.com/charmbracelet/vhs#output
  • https://en.wikipedia.org/wiki/WebP
  • https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video

LarryBattle avatar Oct 27 '22 21:10 LarryBattle

Output to a webm video format, then include it using the video HTML5 tag.

WebM is a video format, I want an animated picture, which WebP also offers (see the "Animation" part in your linked Wikipedia article)

You can include WebP in your GitHub / GitLab Repos. I never saw someone using a video format inside a repo...

CMiksche avatar Oct 27 '22 21:10 CMiksche

@CMiksche we'll definitely implement this feature! Will be cool to have webp animated images! Thank you for creating this issue!

maaslalani avatar Oct 27 '22 22:10 maaslalani

For anything containing sharp, high-contrast edges (such as rendered fonts) you'll want a media format that supports 4:4:4 chroma. At least the lossy version of webp uses 4:2:0 chroma subsampling. The lossless version could be used but it most likely doesn't compress as well.

The following web-compatible formats should support full chroma:

¹ no chroma subsampling, but of course it still suffers from its limited palette

the8472 avatar Oct 28 '22 15:10 the8472