腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(9999+)
视频
沙龙
1
回答
Chrome
仅
将
部分
图像
显示
为
webp
google-chrome
、
algolia
、
webp
、
instantsearch.js
通常,我使用以下HTML来
显示
它们: <picture> <source的开发工具和pagespeed insights中的灯塔审计功能,我不断地被告知,尽管
Webp
格式的
图像
可用,但
图像
可以以下一代格式提供。此问题
仅
出现在某些<e
浏览 10
提问于2020-01-07
得票数 0
1
回答
WEBP
支持使用<picture>的遗留浏览器
image
、
internet-explorer-11
、
webp
所需的行为是在支持ita的浏览器上加载
WEBP
映像,在IE11/ is 11中加载PNG (这里不支持
WEBP
)。我在这里使用一个(稍微)类似的作为参考。<picture><source srcset="image.
webp
" type="image/
webp
">
浏览 1
提问于2021-02-10
得票数 0
回答已采纳
2
回答
为什么<picture>元素中的src不加载?
html
、
picture-element
<picture> <img id="avatar" src="images/me.
webp
" alt="Me"> </picture> 当我使用picture元素时,浏览器(
Chrome
)不会加载包含其他资源的
图像</e
浏览 29
提问于2018-12-21
得票数 1
2
回答
Google页面速度洞察不支持
webp
图片吗?
google-pagespeed
、
webp
我正在为我的网站使用
webp
图像
,但是谷歌页面速度洞察力无法识别它&因此没有给出优化的result.Google页面洞察力不支持
webp
图像
? 例如。
浏览 0
提问于2017-02-06
得票数 6
3
回答
使用imagewebp
将
jpg转换为
webp
php
、
webp
我在使用imagewebp
将
图像
转换为
webp
时遇到了问题。$filename = dirname(__FILE__) .'/example.jpg'; imagedestroy($im); var_dump($<
浏览 1
提问于2014-10-11
得票数 7
1
回答
Chrome
不使用我的
WebP
源代码(但应该使用吗?)
html
、
webp
我有以下HTML: <source srcset="/images/product/foo.
webp
" type="image/
webp
"></picture> 当我使用
Chrome
工具检查img时,我可以看到它没有使用
WebP
映像(
浏览 3
提问于2021-12-18
得票数 2
回答已采纳
1
回答
配置Akamai以单独缓存下一代镜像
cdn
、
akamai
、
imgix-js
我们使用一个名为Imgix的服务,它以最合适的格式
为
请求
图像
的客户端提供
图像
。因此,如果对JPG的请求来自
Chrome
,它将发送一个
WEBP
图像
。如果它来自Safari,它将使用JPEG2000。如果第一个图片请求来自
Chrome
,Akamai
将
缓存
WEBP
格式,以后任何请求相同图片的请求都将收到
WEBP
图片,这意味着Safari用户
将
无法查看该图片,因为它与
WEBP
格式不兼容。可
浏览 6
提问于2019-10-22
得票数 0
1
回答
当
Webp
可用时,
Chrome
默认使用JPG。为什么?
google-chrome
、
jpeg
、
default
、
webp
、
lighthouse
当
webp
文件可用时,
Chrome
默认使用jpg/png文件。我通过灯塔运行了一个网站审计,它建议适当地调整
图像
大小并使用“下一代”格式。在
将
文件更改为
webp
(并创建多个大小的文件)后,我
将
文件添加到一个图片标签下。当我现在打开开发人员工具时,Lighthouse给了我下一代格式和多种文件大小的绿灯,但默认只有jpg/png格式。<picture> <source srcset="imgs/img_480w.
we
浏览 22
提问于2019-08-14
得票数 2
2
回答
<img srcset=“.>对<picture><source>?
html
、
image
、
semantic-markup
、
responsive-images
、
srcset
我似乎看不出使用picture元素或
仅
使用带有srcset属性的img元素在功能或意义上的区别。我理解它们是如何工作的;我只是不完全理解为什么或何时选择一个而不是另一个。,它似乎可以在
Chrome
、Firefox、Edge和Opera中工作。来自 picture元素是一个容器,它为其包含的img元素提供多个源,允许作者根据屏幕像素密度、视口大小、
图像
格式和其他因素,以声明方式控制或向用户代理提供使用哪个
图像
资源的提示。如果srcset属性已经
为
浏览 0
提问于2018-09-18
得票数 10
2
回答
Webp
和<picture><source将不适用于我的镀铬
html
、
webp
我正面临着一个问题,我只是不知道问题出在哪里,我有: <source type="image/
webp
" srcset="/images/meh_logo.
webp
"><img src="/images/meh_logo.png" type="image/png">在
chrome
上,它只是默认使
浏览 0
提问于2018-12-03
得票数 7
回答已采纳
1
回答
如何使用toDataURL创建无损
WebP
镜像?
javascript
、
html
、
google-chrome
、
canvas
、
webp
我正在使用画布元素在
Chrome
中试用
WebP
图像
格式。在MDN上,我看到toDataURL接受表示结果
图像
质量的第二个参数。下面是一个测试用例:。绘制PNG
图像
时,某个像素的某个颜色的值
为
40。在画布本身绘制100%质量的
WebP
图像
后,相同的值已更改为37。有没有可能让toDataURL创建一个无损的
WebP</e
浏览 1
提问于2012-07-14
得票数 3
1
回答
使用<picture>无法在iOS14Safari/
Chrome
上加载
WebP
镜像
html
、
ios
、
wordpress
、
safari
、
webp
我最近
将
客户端站点(WordPress)上的各种
图像
转换为
WebP
格式,并且正在使用“图片”标记在下一代浏览器版本上
显示
它们,其中包含一个可用的备用
图像
。的浏览器上似乎可以正确加载
WebP
格式,而在不支持它的浏览器上可以正确加载备用
图像
。当使用Browserstack.com在安卓设备上进行测试时,
WebP
图像
似乎也被正确加载,我看到
webP
图像
是从开发工具的网络选项卡中加载的。根据https:
浏览 65
提问于2021-06-24
得票数 1
2
回答
在Ubuntu上
为
gimp安装
webp
插件
linux
、
ubuntu
、
gimp
、
webp
我是一个linux新手,我试图在Ubuntu桌面上安装gimp的
webp
插件。我已经从gimp的下载站点下载了tarball并提取了它。我遵循了自述中的说明,但它不起作用。它说我首先需要从谷歌安装
webp
库。在这里可以找到: export LIBS=-lwebp这给了我以下的结果: gcc -pthread -I/usr/:(.te
浏览 2
提问于2016-01-28
得票数 2
1
回答
Wordpress :防止在基于按钮的下载上提供
webp
图像
。
wordpress
、
download
、
png
、
webp
由于扩展,我的Wordpress站点的png和jpg
图像
被编程地转换成
webp
格式(我尝试过不同的方式,包括媒体的
WebP
转换器和
WebP
Express)。 是否可以强制服务器在单击按钮时
为
png映像提供服务,或者使用客户端信息(包括在
图像
路径中,还是在?)(更糟但有可能)是否有可能通过排除给定扩展中的某些页面,或者通过在代码中直
浏览 6
提问于2021-12-09
得票数 0
回答已采纳
2
回答
图像
标签不工作的回退
图像
html
、
image
我尝试使用html中的<picture>标记加载"
webp
“
图像
,以加快加载时间。这可以工作并加载
webp
映像:<source srcset="img/imageXYZ.
webp
" type="image/
webp
"></picture> 这可以工作并加载p
浏览 2
提问于2019-03-05
得票数 2
回答已采纳
1
回答
mapbox离线自定义样式->需要png
styles
、
png
、
mapbox
我已经创建了一个自定义样式,具有自定义磁贴集,它在
Chrome
中正确
显示
,但在Safari or in iOS app中不
显示
(磁贴是
为
脱机下载的)。编辑:也许不是png,毕竟是jpeg,还有其他一些配置不正确的东西,但到目前为止的猜测是,这是由于jpeg不透明的事实,这就是为什么以jpeg格式发送的自定义图层不
显示
下面的图层。虽然我不确定为什么它能在
Chrome
中工作,而不能在Safari中工作
浏览 22
提问于2020-04-21
得票数 0
2
回答
如何
将
头像网址转换为.png?
javascript
、
discord.js
、
jimp
如何
将
头像URL转换为.png?Error: Unsupported MIME type: image/
webp
at Jimp.throwError (/rbd/pnpm-volume/d0d23ade-48c6-41ba-b84e
浏览 7
提问于2020-07-23
得票数 0
1
回答
WebP
格式的
图像
并不总是
显示
在iOS上
ios
、
image
、
webp
为了加快HTML页面的加载速度,我
将
图像
转换为
webp
格式,并使用了“图片”元素,如下所示: <picture> <source data-srcset="images/gallery/urban.
webp
在
Chrome
上,在开发者模式下,当我在移动设备的仿真模式下运行时,它也可以工作。 但是当我在使用iOS 12的iPhone上测试时,并不是所有的
图像
都呈现出来。在Safari和
Chrome
上都会发生这种情况。一
浏览 19
提问于2019-05-02
得票数 5
0
回答
Angular 6不
显示
webp
图像
angular
、
webp
我正在使用angular 6,我注意到.
webp
图像
没有
显示
,对jpg,png没有问题。如何在angular 6中
显示
webp
图像
?它可以在google
chrome
上运行,不能在mozilla firefox上运行。
浏览 4
提问于2018-07-21
得票数 0
2
回答
图像
的动画
部分
:有没有比动画GIF更好的选择?
jquery
、
html
、
css
、
animated-gif
、
apng
我想对一小
部分
图像
进行动画处理。所以基本上
图像
的大
部分
都是静态的,只有一小
部分
是动画的。这可以用动画GIF来完成,但是有没有更好的替代方案呢?我不确定APNG是否被大多数浏览器很好地支持。
浏览 21
提问于2014-04-20
得票数 1
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
Firefox现已能够注册成为Windows上的WebP格式图片查看器
微软 Edge 开始支持 Chrome 主推的 .webp 图片格式
浅谈 Web 图像优化
谷歌已启动下一代静态图片标准WebP2的开发工作
Web前端小白要了解什么 图片优化技巧都有哪些
热门
标签
更多标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券