问题标签 [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.
php - imagewebp (php) 创建损坏的 webp 文件
最近我一直在摆弄 WebP 图像格式。我为此使用 php 5.5.12,并安装了 gd 库(支持 gd 2.1.0 / webp)。我注意到由于某种原因,PHP 创建了损坏的 webp 图像。我使用的代码如下:
我无法理解为什么这个 php 脚本写入文件系统的 webp 图像已损坏。为了您的方便,我附上了一张测试图片。处理后,其关联的 webp 图像确实是我系统上的损坏图像。感谢您对此的意见,因为我不知道为什么这不能正常工作。
图片: http: //i.stack.imgur.com/pwZHv.jpg (JPEG)
ruby-on-rails - Paperclip 可以将 jpg/png 图像转换为 webp 格式吗?如果是,在定义回形针的样式哈希时如何使用它?
我在我的模型中使用回形针压缩,我想在将图像上传到 s3 之前将其转换为 webp。但是转换没有发生,当我访问图像的 url 时,我仍然得到 png 图像。
node.js - Node.js 快速画布到 webp
如果您查看此代码,webp 的表现优于 png 和 jpg
我正在使用节点模块https://github.com/Automattic/node-canvas
它不支持 webp,但它确实模拟了 canvas 元素
我认为我需要的是围绕这个画布做一个包装
正如我在许多尝试中发现的那样,将 base64 png 图像从 png 转换为 webp 只是速度很差。
webp 将是通过 websocket 快速传输的理想大小。如果不支持 webp,那么我会回退到 png 并且用户的体验会变慢。
原始问题:
在 node.js 中,我需要一种将字符串从 base64 png 转换为 base64 webp 的方法。
我说字符串是因为我的应用程序的性质。如果我要保存这些特定图像然后转换它们(有一些 npm 模块可以转换图像“文件”),我的服务器将充满图像,因为这些图像对于每个用户来说都是临时的和动态的,每个用户在移动页面时会获得大约 100 张新图像。
在节点画布canvas.toDataURL('image/webp')
中不支持仅图像/PNG
android - 我如何使用 android 4.0+ 解码动画 webp
像这样使用 webp
webp没问题。但动画 webp 无法解码位图。
android - Image size is increased when converted from jpg to webp with quality value 100
I want to replace my .png and .jpg files in android project with .webp to reduce the app size.
I am verifying these 3 cases for jpg to webp conversion(for both .png and .jpg) :
- Lossy with 80% quality
- Lossy with 100% quality
- Lossless
for Case 1, size was reduced by ~30% as expected
But for cases 1 and 2, size was increased significantly(170KB of .jpg to 470KB of .webp) instead of decreasing.
Command used :
cwebp -q 100 input.jpg -o output.webp
This is working fine with .png images for all three cases where sizes are reduced when converted to .webp format.
But the same is not working with the .jpg image ? Does size reduction depend on .jpg image ? Is size guaranteed to reduce when converted from .jpg/.png to .webp ? Why did the size increase ?
Version of libwebp : libwebp-0.4.3 OS - Windows 64-bit
ios - SDWebImage 可以加载沙盒图片吗?
我的程序之一是使用SDWebImage
. 现在我有一个从服务器下载 webp 图像并保存在沙箱中的功能。但我不知道如何使用SDWebImage
在沙箱中读取 webp 图像。显示界面。
我尝试了以下方法:
但是错误...
所以我该怎么做...?
php - 如何将webP图像格式转换为正常格式?php
我有一个 ios 和 android 应用程序。有时用户将 webP 图像上传到我的服务器。问题是 ios 从我的服务器下载时无法显示此图像。
所以我想检查我的 php 代码。如果图像是 webP 格式。然后我会将其转换为 png 格式。
我怎么能用php做到这一点?
android - Unity3D项目中如何使用webp图片格式?
我已经将 webp 源代码集成到我正在使用的 C++ 游戏引擎中,它运行良好,并且 android apk 比以前小得多。
现在对于我的另一个 Unity3d 项目,也可以使用 webp(减小包大小是我现在主要关心的问题)?如果是,我该怎么做,我需要实现某种导入器插件吗?
如果有人能给我指路,那将非常有帮助,在此先感谢。
android - 当我们可以从任何 png 转换器获得较小尺寸的 PNG 时,是否值得将 PNG 转换为 WEBP
我一直在考虑用 Webp 图像替换我的 Android 应用程序中的 png 文件以减小 APK 大小。
虽然结果很好,但我想知道我是否使用了一些 png 转换器/压缩器,并且能够比我为 webp 图像获得的尺寸更小,而不是我应该继续使用 webp 图像吗?
原始 PNG 大小 - A KB
转换为 Webp 后 - B KB
使用一些好的 PNG 转换器/处理器(PNG 到 PNG):C KB
如果 C 小于 B ,那么选择 webp 方法的优点/缺点是什么?
我做了什么 :
使用无损和有损转换将 PNG 转换为 webp:
原始 PNG - input.png:4312 KB
i) 无损 - cwebp input.png -lossless -o output.webp
ii) 80 处有损 -cwebp -q 80 input.png -o output.webp
我们可以使用任何 png 压缩器实现更多的尺寸减小吗?
javascript - 透明背景通过HTML5画布转换成webp格式后变黑
我在将 PNG 图像转换为 webp 格式时遇到问题。背景变为黑色而不是保持透明。
我怎样才能解决这个问题?