webp 相关问题

WebP是图像编码的开放标准。它旨在为动画,元数据,无损压缩和透明提供支持,而无需现有格式的专利或许可限制。

为什么 multer 在我的配置 tsed、express、multer 上使用 png 和 jpg 但不能使用 webp?

我的端点适用于 png 和 jpg。 我只想允许 webp,所以我更改了文件过滤器回调,这样它就被允许了。 但是,它不适用于 png 或 jpg 以外的任何其他内容:没有错误,

回答 0 投票 0

使用 System.Drawing.Imaging 将位图保存到 webp 文件会生成一个大文件大小

所以我正在使用 .NET 7,因为 System.Drawing.Imaging 可以(或似乎)使用以下代码将文件保存为 webp 文件: pictureBox1.Image = 图片; //图像是位图 ...

回答 1 投票 0

浏览器下载jpg即使它支持webp

想法是,如果浏览器支持 webp 图片,那么只有那些图片会被加载以获得更好的性能。根本不应加载 jpg。我的应用程序不是这种情况。两种图像类型...

回答 0 投票 0

鼠标悬停时 WEBP 序列或 WEBM 文件擦除?

你知道当鼠标水平悬停在图像上时,是否可以使带 alpha 的 WEBP 序列或带 alpha 的 WEBM 电影可擦洗,否则它应该是静止的? 类似于 G...

回答 2 投票 0

如何使用 JavaScript 识别图像的正确文件类型?

我正在尝试使用 JavaScript 确定图像的文件类型,但我尝试的代码将文件类型显示为“jpg”。但是,当我将同一个文件传递给 http 等外部工具时...

回答 0 投票 0

<picture> 标签中的回退图像是否总是由浏览器加载?

我正在使用此 html 实现带有后备图像的 webp 图像: 我正在使用此 html 实现带有后备图像的 webp 图像: <picture> <source type="image/webp" srcset="image.webp"> <img src="image.png" width="500" height="500" loading="eager" alt="text"> </picture> 在 Chrome 检查器的网络选项卡中,我可以看到浏览器正在加载后备图像。最终结果是页面大小增加,因为正在加载 webp 和后备 png/jpg 图像。当我在 GTMetrix 上运行页面速度测试时,报告还显示正在加载回退图像并且分数越来越低,这是我的客户讨厌的。 有没有办法实现仅在浏览器不支持 webp 时才加载的后备图像? 我已经做了很多搜索,但我似乎无法在任何地方找到答案。每个关于实施 webp 的指南都说要使用我正在使用的相同 HTML,并且没有说任何关于加载后备图像并导致性能问题的信息。 所以我用 javascript 做了一些奇怪的事情来在页面上加载图像。其中一部分是创建一个图像对象,然后我将其作为图片元素中的后备图像输出到页面。显然,当你在 js 中创建一个 Image 对象时,它会自动加载到 DOM 中。我删除了 Image 对象,用 HTML 字符串替换它,问题就解决了。 换句话说,浏览器不会在 . 中加载后备图像

回答 1 投票 0

Nuxt Images 不转换图像

我正在使用 Nuxt 2 和 Nuxt Image(静态提供程序)从我的图像生成 srcset 和 WEBP 格式。我在标记中使用以下组件: 我正在使用 Nuxt 2 和 Nuxt Image(静态提供程序)从我的图像生成 srcset 和 WEBP 格式。我在标记中使用以下组件: <nuxt-picture :src="srcStringVariable" alt="" sizes="medium:66vw large:46.2vw huge:40.788vw" :imgAttrs="{ loading: 'lazy' }" /> 运行 nuxt generate 并查看生成的 HTML 文件后,我看到了预期的结果。 Nuxt Image 创建了图片标签并引用了不同尺寸和格式的生成文件。 <picture> <source type="image/webp" srcset="/_nuxt/image-0933bc.webp 828w, /_nuxt/image-e8832f.webp 300w, /_nuxt/image-a9aa4c.webp 800w" sizes="(max-width: 920px) 90vw, (max-width: 1200px) 25vw, 800px"> <img src="/_nuxt/image-a8dee0.jpeg" srcset="/_nuxt/image-ed5284.jpeg 828w, /_nuxt/image-cb0218.jpeg 300w, /_nuxt/image-a8dee0.jpeg 800w" sizes="(max-width: 920px) 90vw, (max-width: 1200px) 25vw, 800px" alt="" loading="lazy"> </picture> 现在我的问题:如果我正在运行nuxt start并检查源代码,它在开发工具中看起来像这样: <picture> <source type="image/webp" srcset="image.jpg 828w, image.jpg 300w, image.jpg 800w" sizes="(max-width: 920px) 90vw, (max-width: 1200px) 25vw, 800px"> <img src="image.jpg" srcset="image.jpg 828w, image.jpg 300w, image.jpg 800w" sizes="(max-width: 920px) 90vw, (max-width: 1200px) 25vw, 800px" alt="" loading="lazy"> </picture> 所有来源都引用相同的原始图像。当我将其部署到 Netlify 时也会发生这种情况。这是预期的行为吗,我只是没有理解 Nuxt Image 的意义?我的设置或标记有问题吗? 我的nuxt.config.js文件有以下相关设置: export default { target: 'static', ssr: true, buildModules: ['@nuxt/image'], image: { provider: 'static', staticFilename: '[publicPath]/[name]-[hash][ext]', screens: { tiny: 460, small: 720, medium: 920, large: 1200, huge: 1600, full: 1900, }, }, } 如果有 Nuxt 经验的人可以尝试向我解释这种行为,那将非常有帮助。在我看来,Nuxt Image 的文档非常有限。

回答 0 投票 0

翩翩:录制一段与动画网页相同的视频。

我想做的是 我想用Flutter的CameraController录制一段视频,它的持续时间和动画网页一样。在我的屏幕上面,动画webp正在播放,下面有 ...

回答 1 投票 0

在不需要额外请求的情况下,为svg元素中的webp图片提供一个后备选项。

我有一个 元素中的.webp图片。 元素。在Chrome和Opera上可以工作,但在Firefox上,什么都不显示,所以我试着添加另一个 元素...

回答 1 投票 1

怎么会出现这种错误?使用Imazen.WebP.SimpleDecoder检测到无效的WebP头。

我有以下代码。SimpleDecoder decoder = new SimpleDecoder(); byte[] fileBytes = File.ReadAllBytes(filename); Bitmap image = decoder.DecodeFromBytes(fileBytes, fileBytes.Length); ....

回答 1 投票 0

如何在Safari浏览器中添加webp支持

在我的网站中,我已将所有图片都添加为webp格式。所有这些图片在Chrome和Firefox浏览器中都能正常显示,但在Safari中却不能正常显示。

回答 3 投票 9

视频到webp转换器软件 [关闭]

我需要将几个视频转换为动画webp格式,但我发现没有软件来处理它。有一些在线工具,但他们要么是付费的,要么是工作限制,如低分辨率和 ...

回答 1 投票 -1

打开网页会发出两个相同的请求,但是第二个请求带有“ Accept:image / webp,* / *”标头

我有一个nginx代理节点和一个nginx上游节点。当我在浏览器中打开页面时,原始请求随后被重复,但是使用了不同的Accept:image / webp,* / *标头。它正在运行...

回答 1 投票 0

Google灯塔-为webp提供有效的缓存策略来服务静态资产

[从昨天开始,在我所有的网站上,webp图像都显示了1小时的Cache TTL,即使我在自己的托管服务器上对htaccess进行了不同的设置,在firebase中也是如此。只是几个...

回答 1 投票 1

WebP图像类型未在ios设备镶边浏览器中显示

我正在尝试在网页上显示一个webp图像。我尝试了许多解决方案,但每个解决方案都仅在ios设备上存在问题。该webp没有显示,在某些情况下,如果您尝试下载这样的......>

回答 1 投票 0

如何在图片标签中显示webp图像?

此图片标签出了什么问题?

回答 1 投票 0

我如何将WebP支持添加到在amazon linux 2框中的php7.2安装中?

在一个新的amazon linux2框中,我运行了以下命令:sudo amazon-linux-extras install php7.2 sudo yum install php-gd但是当我运行时:php -r'var_dump(gd_info());'我得到:array(13){[“” GD ...

回答 2 投票 0

如何在Lightbox中使用WebP图像?

通过 标记使用WebP图像是加快大多数浏览器网络访问速度的好方法。我可以在Lightbox中执行相同的操作,但仅是缩略图。

回答 2 投票 0

SVG图像的Dianoga问题

我正在将Dianoga与Sitecore 8.2配合使用以优化图像。它适用于jpg,gif,png扩展名,但与SVG图像有关。一旦我们访问了SVG图像,Dianoga就会在后端工作到...

回答 1 投票 0

[在LiteSpeed上运行的Ubuntu 18.04上的GD Library中启用WebP支持

我们在DigitalOcean的Litespeed服务器上安装了GD库,但是它不支持WebP。我想启用WebP支持。

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.