虎绿林支持HEIC/HEIF/AVIF图片了,但是第一次加载较慢

回复列表(117|隐藏机器人聊天)
  • @Ta / 2022-01-23 / /

    @无名啊,说实话,我就是想要探索前端技术的极限,看看浏览器技术的发展能把我们带到什么地方。
    现在虎绿林在电脑浏览器上可以直接播放flv、m3u8,甚至h.265视频(为什么不说手机浏览器,因为它们一直都可以,只是电脑浏览器不能),并且在所有浏览器上都能直接显示heic图片,我真的感到非常高兴,非常满意。
    所以,我真的没有动力做格式转换。这种技术方案如此普通如此平常,我一点也不想得到它。

  • @Ta / 2022-01-23 / /

    @老虎会游泳,有免费图床自然是没必要做了

  • @Ta / 2022-01-23 / /

    @无名啊,当HEIC直接显示功能最终成功并且稳定运行的时候,我真的非常高兴。格式转换显然会剥夺我的这种快乐,因为大家就再也没有机会用到它了。以后人们就不会说“你瞧,这个网站能直接显示HEIC”,而是说“它能显示HEIC,没什么了不起的,只是转成WEBP再显示罢了”。

  • @Ta / 2022-01-23 / /

    @老虎会游泳,全部转成HEIC如何
    毕竟HEICwebp存储效率更高
    考虑avif

  • @Ta / 2022-01-23 / /

    @无名啊,虎绿林是一个以软件开发为主题的网站,我认为我们应该向用户展示软件开发技术的极限。如果我们不展示,谁去展示?虎绿林应该是极客的,所以它不仅要支持直接嵌入html,还要支持直接显示HEIC,即使目前的性能不够完美。

    至于avif,目前也有wasm库做解码(是同一个作者开发的)。但是没有人上传这个格式,所以我没有做解码。你有没有示例图片,上传一个我看看。

  • @Ta / 2022-01-23 / /

    @老虎会游泳,没有avif。记得以前转过它,显示效果不是很好。

    服务器全转成限制分辨率的heic咋样?能减少“如果高清图片加载的太多,手机UC浏览器有时候滚动起来会卡顿”的情况

  • @Ta / 2022-01-23 / /
    @无名啊,77楼也就是说,HEIF的压缩率比WebP更好,是吗?
  • @Ta / 2022-01-23 / /
    c4afea61503709e55404c86d152e88de15754.avif
    @老虎会游泳,一张 AVIF 图片。
    https://caniuse.com/avif 显示 Chrome 和 Firefox 支持 AVIF。供参考
  • @Ta / 2022-01-24 / /

    @tasy5kg,不是,77楼是说,将虎绿林所有图片都转成webp给用户浏览,老虎能省多少流量,以及存储成本提高多少。

    测试样本是当时虎绿林首页100帖子内所有图片及用户头像。

    关于“毕竟HEICwebp存储效率更高”,我好像是在逼乎还是哪儿看到的结论,自己大概测试下也差不多

  • @Ta / 2022-01-24 / /

    @老虎会游泳,想问个HEIC的问题。为何heif-enc默认转出来的heic文件颜色怪怪的?bpg默认转出来的没有此问题。

     heif-enc  libheif version: 1.12.0
    

    对比:对比.png
    原图:screen.png
    转换图:screen.heic

  • @Ta / 2022-01-24 / /

    @无名啊,文字出现彩边就是著名的色度抽样问题。转换时把色度抽样模式改成4:4:4即可。默认的4:2:0会出现彩边。色度抽样对照片应用效果较好,可以在不明显影响画质的情况下减少图片大小,但是对屏幕截图应用就会出现彩边。

  • @Ta / 2022-01-24 / /

    @老虎会游泳bpg默认是420,为啥没事呢

    BPG Image Encoder version 0.9.8
    usage: bpgenc [options] infile.[jpg|png]
    
    Main options:
    ...
    -f cfmt              set the preferred chroma format (420, 422, 444,
                         default=420)
    
  • @Ta / 2022-01-24 / /

    @无名啊,可能它的编码器更好。HEIF只是一个规范,符合这个规范的编码器可以效果很好,也可以效果很烂。举个例子,MP3(MPEG-1 Layer 3)的音质以前一直都很差,没人想用这种格式存储音乐,直到LAME编码器出现,编码出来的MP3体积又小,音质又高,一举改变了MP3的命运,让它成为互联网上最流行的音频编码格式。

    所以,编码器的好坏是可以直接改变甚至逆转多媒体文件播放效果的。

  • @Ta / 2022-01-24 / /

    @无名啊,对了,“可能它的编码器更好”其实是在说,bpgenc用的x265编码器(来自ffmpeg),编码效果可能比libheif更好。

  • @Ta / 2022-01-24 / /

    @无名啊,我看了一下libheif也使用x265。所以具体的差异只能去代码或者编码输出中寻找了。我只能说色度抽样是导致文字彩边的原因,但是为什么在进行色度抽样后没有彩边,你需要去仔细看那个图片,读取它的元信息,看看它到底采用了什么编码方式。也许程序在检测到它是屏幕内容后改变了色度抽样方式?

  • @Ta / 2022-01-24 / /

    @老虎会游泳,我看了看libheif的库依赖,好像也是用的x265

    Package: libheif1
    Version: 1.12.0-2+b3
    Priority: optional
    Section: libs
    Source: libheif (1.12.0-2)
    Maintainer: Debian Multimedia Maintainers <debian-multimedia@lists.debian.org>
    Installed-Size: 643 kB
    Depends: libaom3 (>= 3.2.0), libc6 (>= 2.32), libdav1d5 (>= 0.1.0), libde265-0 (>= 1.0.7), libgcc-s1 (>= 3.0), libstdc++6 (>= 11), libx265-199 (>= 3.5)
    
  • @Ta / 2022-01-24 / /

    @无名啊,图片本身可以告诉我们它采用了什么编码方式,有什么编码细节。只需要一个合适的工具读取。

  • @Ta / 2022-01-24 / /

    @tasy5kg,已经为不支持AVIF的浏览器(比如手机UC浏览器)添加了AVIF解码支持。

添加新回复
回复需要登录