问题标签 [webp]

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 投票
3 回答
1414 浏览

image - IIS 服务器的 WebP 图像过滤器

我想为我的网站使用 WebP 图像格式进行图像压缩。但是,在参考 Google 提供的文档时,我只能看到对 apache 和其他服务器的支持。但不适用于 IIS 服务器。

我的网站托管在 usign iis 服务器上,所以我需要一个自动检测器,就像页面速度一样。这样,如果浏览器没有 webp 图像格式,它只会加载 jpeg 或 png 格式的图像,否则会加载 webp 格式的图像。

我在互联网上搜索过,我可以看到一些付费工具。但不想使用它。我敢肯定 iis 也必须有一些支持。

我推荐的链接是:

http://blog.teamtreehouse.com/getting-started-webp-image-format

上面的链接很好地解释了如何使用 pagespeed 和 webp 进行图像优化。但是没有说明 iis 服务器的任何用法。

有人用过pagespeed作为webp过滤器吗?或任何其他优化图像的技术,以更好地针对具有大量内容和图像的低带宽?

0 投票
0 回答
174 浏览

javascript - jQuery .load() 更改 HTML 属性,将 webp 文件转换为 gif

以下 HTML:

当我用 jQuery 加载函数加载它时变成了这个:

主要问题是它将src到webp文件变成了gif。src 变成 gif 使缩略图无法访问,因为它不存在。

更新:我刚刚意识到这很有可能在 youtube 方面。也许他们会自动向某些请求发送 gifs 而不是 webps。

更新:我还是没有头绪

0 投票
0 回答
69 浏览

webp - UIL 是否支持 Google webp 格式

由于Android 4.0以下不支持Google webp格式,如果我在Android 4.0以下将webp格式作为uri参数传递会发生什么?UIL会自动将webp格式解码为位图,还是我必须自己实现解码方法?如果是这样,我应该实现哪个类或应该覆盖哪个方法?

谢谢。

0 投票
0 回答
103 浏览

google-chrome - Chrome canvas.toDataURL webp 红转蓝

我尝试使用“toDataURL”(质量 1.0)从画布中获取 webp 图像。但问题是图像的许多部分都变蓝了。

我在网上找不到有关此问题的任何信息。

似乎每一种红色的颜色都变成了蓝色。

0 投票
1 回答
4264 浏览

wordpress - htaccess 服务器端 WEBP 检测结合 WordPress htaccess 规则

我的 htaccess 文件设置如下:

它在测试目录中运行良好,如果存在则显示 webp 图像。但是,当我尝试将相同的 .htaccess 规则与 WordPress 的漂亮永久链接重写规则结合使用时,这些规则就会中断。

这是 WordPress 的默认规则(如果您的子目录称为 DPA)

如果我尝试直接访问 jpg 文件,我会在服务器上收到以下错误:

我想这是因为 WordPress 在根目录中查找文件并弄乱了图像文件的实际位置。

有谁知道在 apache 上重写规则足以使这两个规则相互兼容?

谢谢!

帕特里克

0 投票
0 回答
172 浏览

wordpress - WebP - 在服务器上自动创建?

我最近一直在尝试 webp,我很喜欢它。我已经通过 htaccess设置了服务器,以检查在请求 PNG 或 JPG 时是否存在图像的 WEBP 版本,如果存在 WEBP 文件,则为支持 WEBP 的浏览器提供该图像。

我目前在我的大多数网站上都使用 WordPress。我现在正在做的是下载现有网站的上传文件夹,通过 XnConvert 运行它以转换为 webp,然后重新上传。

有谁知道是否可以在图像上传时自动创建 webp 版本的图像?最好使用生成的所有缩略图的 webp 版本。我用谷歌搜索,但在服务器上找不到任何关于自动创建/压缩的内容。

0 投票
0 回答
3027 浏览

php - PHP 5.6 中不存在函数 imagewebp?

PHP 文件:

输出:

GD 支持已启用(GD 版本:捆绑(2.1.0 兼容))


问题出在哪里?“imagewebp”应该从 PHP 5.5.0 开始存在(参见:http ://php.net/manual/en/function.imagewebp.php )

PS:(我不是唯一的......如何编译php以启用webp支持?

0 投票
0 回答
305 浏览

heroku - 使用 webp 委托在 Heroku 上编译 ImageMagick

我想在 heroku 上编译 imagemagick 并允许 webp 支持。我可以从源代码构建和安装 webp,但我不能将它写入 /usr/local/.. 因为 herokus 文件系统是只读的。

我已经构建了 webp 并将其安装到 /tmp/webp。

下载 imagemagick tarball 后,我尝试使用 webp 支持编译它,但找不到 webp 安装(可以理解)。

我可以使用允许它找到我的 webp 安装的参数运行 configure 吗?

谢谢!

0 投票
1 回答
1068 浏览

animation - 具有广泛浏览器支持的动画 gif 替代方案?

我想在博客和论坛中插入动画图像(因此我无法使用javascript、CSS、SVG、HTML5 和其他技巧),但是gif 动画太大,大约700K。它是由一张照片制成的,所以我不能将颜色减少到 256 个调色板条目以下,并且图像的大小也固定为 350 像素的高度。我尝试使用名为“gif2webp”的实用程序将其转换为“webp”动画,大小仅减少到 200K。但是它不会显示在我最喜欢的 Opera 浏览器中。比我尝试使用实用程序“gif2apng”的“apng”格式,大小再次减小到 400K,但不幸的是,动画没有出现在 Google Chrome 稳定版中。是否有任何其他替代简单动画可以作为带有“img src =”的简单图像插入网页的简单动画

0 投票
3 回答
34502 浏览

php - 使用 imagewebp 将 jpg 转换为 webp

我在使用 imagewebp 将图像转换为 webp 时遇到问题。

我使用这段代码:

$webp 返回 true,但是当我尝试在 Chrome 中查看 webp-image 时,它​​只显示空白,但大小正确。如果我改为加载图像并使用 PHP 设置标题(见下文),它会显示出来,但颜色错误(黄色太多)。

如果我使用命令行转换相同的图像,它会按预期工作。

我正在 Ubuntu 14、Apache 2.4.7 和 PHP 5.5.9-1ubuntu4.4 上对此进行测试。