问题标签 [avif]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
36 浏览

javascript - 在图片标签中准备好(加载图像)时更改 srcset 图像 onhover

我有一个包含大量图像的网站。起初,我以低质量显示它们以节省访问者的带宽。如果您将鼠标悬停在图像上,则该图像应替换为相同大小的高质量图像。我的网站在没有 jQuery 的情况下运行。

我尝试onmouseoversrcset标签和img标签,但这仅img在浏览器不avif支持时才对标签有效:

如何防止图像在加载 hq 图像时立即更改并显示空帧?

0 投票
3 回答
2259 浏览

php - 如何在 php 中创建 avif 文件?

有人知道如何在 php 中编写 avif 图像文件吗?对于 webp 文件,我有函数 imagewebp。但是阿飞?

在不同的服务器上使用 PHP 版本 7.4、7.1 和 7.2。

多谢

0 投票
2 回答
292 浏览

java - 如何从 avif 文件中获取图像尺寸?

我正在寻找一种(快速)方法来从我的 java 应用程序中的 avif 文件中检索图像元数据。目前通过分析文件的原始标题字节对许多图像格式完成此操作。

我可以通过文件开头的魔术字节序列将文件识别为avif ftypavif:. 但我无法找到任何信息如何解析包含图像的(最大)图像宽度和高度。例如,对于 JPEG2000,我可以搜索 SIZ 标记0xFF51并在之后解析尺寸,但即使在花费大量时间阅读 avif 的规范之后,我也无法找到类似的东西。

我的方法是否不正确,如果不解码图像就无法解析图像尺寸?或者是否有任何文档(甚至是可用的库)我错过了从 avif 文件中检索宽度和高度的信息?

任何提示表示赞赏!

0 投票
1 回答
286 浏览

android - Android 12 支持的 AVIF 图像文件格式未在 ImageView Android 中加载

我在 build.gradle 中使用此设置创建了新的 Android 应用程序

我在 ImageView 中添加了用于图像加载的 Glide 库。在 ImageView 中加载图像的代码是

日志中显示的错误说

安装应用程序后,Avif 图像未从源加载。这可能是什么原因?

0 投票
1 回答
44 浏览

avif - 什么是 avif 文件签名?

我从这里这里这里搜索过,但没有一个包含 avif 签名。

我想确定一个文件是否来自比特流。但文件过于复杂或无法自由访问。我怎样才能做到这一点?

如果答案包括可以在没有误报或误报的情况下应用它的原因会更好。

0 投票
1 回答
79 浏览

html - 如何使图像具有响应性?

不知道如何让浏览器在某些断点处使用正确的图像。

GitHub 仓库

0 投票
1 回答
259 浏览

flutter - Flutter 不支持 avif 图像格式

我从服务器获得了 avif 图像,但图像未显示。

我试过Image.network()CachedNetworkImage来显示 avif image 。

0 投票
1 回答
92 浏览

amazon-web-services - 配置 aws lambda 和 api 网关以返回 image/avif 内容类型的二进制数据

不乏有关使用 aws lambda 和 api 网关的二进制数据的问题和博客文章,但令人惊讶的是,我一直无法找到与 AVIF 图像相关的任何内容。这很重要,因为铬存在这个问题。本质上,chrome 团队最近将"image/avif"其添加到图像标头的开头Accept,这导致我的端点返回图像的 base64 字符串而不是二进制数据。如果我使用 curl 重复相同的请求并"image/avif"Accept标头中删除,我会得到二进制数据。具体来说:

  • accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/avif,image/webp,image/apng,*/*;q=0.8,application/signed-exchange;v=b3;q=0.9 产生二进制数据
  • accept: image/avif,image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8 产生base64数据(并且图像在网页中被破坏)
  • accept: image/webp,image/apng,image/svg+xml,image/*,*/*;q=0.8 产生二进制数据

从 chromium 线程中的讨论来看,似乎解决方案是更新我的端点以在Accept标头以"image/avif". 然而,事实证明这对我来说很困难。我最接近的是这个答案。我已经按照这些步骤更新了我的 API 网关配置,但是当Accept标头以"image/avif". 而且我还没有找到任何专门提到这个问题的帖子。

0 投票
0 回答
82 浏览

windows - WIC 是否支持 AVIF 文件?

我的理解是 Windows 有一个 AVIF 编解码器。我想使用 WIC 读取 AVIF 文件,但看不到任何地方定义的 GUID_ContainerFormatAVIF(或任何类似内容)。如果没有这些信息,我无法将 AVIF 支持添加到我的程序中。任何人都知道是否有 WIC AVIF 编解码器或它的 GUID 是什么?

0 投票
3 回答
867 浏览

python - How to convert JPG images to AVIF with Python

Python's Pillow doesn't seems to support AVIF files yet, and other packages like pyheif, only support reading. Is there any Python tool to convert jpg images to the new avif format?