腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
(3960)
视频
沙龙
3
回答
如
何在
浏览器
允许
的
情况
下为
背景
加载
webp
图像
-
img
,
而
不
加载
png
?
javascript
、
html
、
jquery
、
css
如果
浏览器
允许
,我正在尝试创建一个使用
webp
图像
作为
背景
的
头文件,但如果不
允许
,我希望
浏览器
加载
一个
png
。这是我
的
HTML <div class="no-
webp
"> <div class=&qu
浏览 45
提问于2021-02-03
得票数 1
回答已采纳
4
回答
如
何在
Safari
浏览器
中添加
webp
支持
image
、
safari
、
webp
在我
的
网站上,我已经添加了
webp
格式
的
所有
图像
。所有这些图片在Chrome和Firefox
浏览器
中都可以正常显示,但在Safari中无法正常显示。
浏览 5
提问于2019-10-21
得票数 36
2
回答
图像
标签
不
工作
的
回退
图像
html
、
image
我尝试使用html中
的
<picture>标记
加载
"
webp
“
图像
,以加快
加载
时间。这可以工作并
加载
webp
映像:<source srcset="
img
/imageXYZ.
webp
" type="image/
webp
"> <
img
src="
img</
浏览 2
提问于2019-03-05
得票数 2
回答已采纳
3
回答
WEBP
图像
回退
javascript
、
jquery
、
html
、
css
、
webp
我在互联网上搜索了很多,但在网上找不到合适
的
例子或完整
的
教程。所以伙计们,请给我推荐一些好
的
例子。我在很多网站或网站上尝试过
WEBP
代码,比如使用modernizer,检查
浏览器
支持,或者使用
背景
图像
。
浏览 5
提问于2017-12-02
得票数 8
4
回答
带
WebP
回退和数据
的
背景
图像
html
、
wordpress
、
seo
、
pagespeed
、
pagespeed-insights
因此,我正在我
的
网站上做一些优化工作,以提高网页洞察力
的
分数,我可以提到
的
两点是:- 因此,在下一代格式
的
图像
,我已经决定使用
WebP
,但需要包括后遗症,使他们在所有
浏览器
/设备工作。延迟屏幕外
的
图像
;我使用带有一些JS脚本
的
data-src将
背景
图像
设置为数据- SRC,JS替换了初始
浏览 0
提问于2019-01-27
得票数 4
回答已采纳
2
回答
Webp
实施
jpeg
、
fallback
、
webp
我如何实现
webp
格式
的
回退,或者我是否应该关心
webp
?class="bgimg-1 w3-display-container w3-animate-opacity" id="home"> <picture> <source srcset="
img
/background.
webp
" type="image/<e
浏览 1
提问于2018-11-29
得票数 1
7
回答
以下一代格式提供
图像
image
、
performance
、
web
、
jpeg
、
jpeg2000
我在Google Page Speed insights
的
排名受到了严厉
的
惩罚,原因是:然而,根据、和
的
说法,很少有
浏览器
支持这些格式。在这种
情况
下,您会做些什么?什么
浏览 20
提问于2018-12-03
得票数 32
2
回答
什么是可用
的
下一代格式?
javascript
、
ruby-on-rails
、
spree
、
lighthouse
、
image-formats
为了提高Google LightHouse
的
性能分数,我需要“提供下一代格式
的
图像
”。那么,这方面的可用格式是什么(我知道
webp
,不是所有
浏览器
都支持
webp
,这就是我不想使用这种格式
的
原因)?在Rails中是否有将格式转换为下一代格式
的
方法或gem? 或者在javascript中,是否有任何方便和健壮
的
方法来处理“以下一代格式提供
图像
”?请建议一下。
浏览 15
提问于2020-11-09
得票数 0
2
回答
2022年
的
Safari和.
webp
图像
处理
css
、
macos
、
background-image
、
webp
、
browser-detection
如果我使用
的
是标记向上
图像
,则声明一个或多个回退
图像
是基本
的
: <source srcset="a-
webp
-for-most-browsers.
webp
" type="image/
webp
"> <source srcset="a-
png
-for-safari.
png
" type="image
浏览 14
提问于2022-02-11
得票数 2
回答已采纳
1
回答
如何使用vue.js更改移动视图中
的
背景
图像
vue.js
我需要使用vue.js在移动和桌面视图中显示不同
的
背景
图像
。 下面是代码。<
img
:style="{ backgroundImage: 'url(' + offer.image + ')' }"/>
浏览 4
提问于2018-11-30
得票数 4
5
回答
预
加载
CSS
背景
图像
[不能使用sprite]
javascript
、
css
、
background-image
、
preloader
我有这个网站,用户通过改变div
的
背景
图像
生成预览。问题是,当我第一次将
背景
图像
更改为其他东西时,需要一段时间才能
加载
图像
,但在那之后,如果我改回原样,一切看起来都很顺利。我本来打算用CSS精灵来解决这个问题,但当我尝试这个问题时,一些
浏览器
几乎冻僵了,因为它们无法处理那么大
的
图像
。 所以我
的
问题是,我怎样才能预先
加载
这些特定
的
背景
图像<
浏览 5
提问于2012-07-14
得票数 0
1
回答
以下一代格式提供
图像
:后备
图像
?
image
、
performance
、
safari
、
pagespeed
、
webp
正如谷歌建议
的
页面性能,我正在将
webp
图像
添加到我
的
项目中。但是,我知道Safari不支持这种
图像
类型,所以我尝试为Safari用户添加一个备用
的
png
图像
。 我使用了下面的设置。这是一种退路,但现在谷歌告诉我,我再次使用了错误
的
图像
类型。这是不是正确
的
设置?<div class="carousel-item" style="background-image:
浏览 18
提问于2019-09-07
得票数 2
2
回答
为什么我要使用'next/image'?
next.js
、
nextjs-image
我是NextJS
的
新手,但我在ReactJS和Webpack方面有很好
的
经验。我
的
问题是NextJS提供了一个包。我想非常深入地了解或理解为什么我应该使用他们
的
包来
加载
一个
图像
,没有默认
的
img
标记。在他们
的
医生中,他们说了一句像We can serve an optimized image like so这样
的
台词。他们所说
的
Optimized Image是什么意思?为什么ReactJS或任何其他
浏览 8
提问于2021-06-08
得票数 7
回答已采纳
4
回答
WebP
图像
替换
javascript
、
webp
我
的
最终目标是检测
浏览器
是否能够显示
webp
图像
。如果是的话,将页面上
的
所有
图像
替换为它们
的
webp
等价物(位于同名
的
目录中,只是扩展名不同)。目前,我有一个脚本可以成功地检测
浏览器
是否能够显示
webp
。/veff/0PP8bA//LwYAAA';在支持
webp
的
情况
浏览 8
提问于2011-11-29
得票数 0
回答已采纳
1
回答
.AVIF和.
WEBP
的
Nginx规则
nginx
、
webp
、
avif
我正在使用WordOps脚本设置我
的
LEMP服务器。它已经有了提供.
webp
和.avif镜像
的
规则,我已经在我
的
网站上生成了.
webp
和.avif镜像。问题是边缘
浏览器
不支持.avif
图像
,它将显示空白,
而
不是
加载
.
webp
或jpg
图像
。 其他
浏览器
,
如
Chome和Firefox,.avif
加载
得很好,网站运行速度也很快。我需要重写Nginx规则
浏览 39
提问于2021-11-17
得票数 0
3
回答
如果在图片源标签中找不到
图像
,则返回
图像
html
、
image
、
fallback
如果source标签中指定
的
镜像丢失,如何添加回退镜像?例如 <source srcset="image.
webp
1x, image@2x.
webp
2x" type="image/
webp
"> <
img
srcset="image.jpg,我如何显示回退
图像
?如果
浏览器
不支持
webp
图像
,那么将onerror=&q
浏览 1
提问于2019-12-17
得票数 2
2
回答
如何加快jQuery图片库
的
速度?
javascript
、
jquery
、
html
我正在做一个网页,我试图加快在画廊中
加载
图像
所需
的
时间。您可以在这里查看画廊:这是图库
的
HTML部分:<
img
src="" id="theImage"
浏览 1
提问于2014-04-04
得票数 0
回答已采纳
1
回答
当使用边界半径时,在Safari中第一次
加载
时不显示阴影
css
="100" src="https://cdn.crispedge.com/c78b95.
png
" />当第一次在Safari (移动或桌面)中
加载
时,阴影将只显示在角落上,如下所示:当刷新页面(或在其他
浏览器
中
加载
)时,阴影将显示在
图像
周围:我有一个JSFiddle,它演示了以下内容: 在使用多个元素时,我甚至会看到更奇怪
的
结果。例
浏览 2
提问于2021-09-13
得票数 2
3
回答
如何强制Chrome停止获取相同
的
图片?
javascript
、
image
、
google-chrome
、
caching
当用户将鼠标悬停在屏幕
的
特定区域上时,我创建了一个div,然后设置
背景
: div.style.backgroundImage/partHoverBgYellow.
png
\')';else { div.style.backgroundImage = 'url(\'../partHoverBg.
png
\')
浏览 0
提问于2012-08-14
得票数 1
回答已采纳
3
回答
如何使用类在div上预载多个
背景
图像
jquery
、
html
、
css
使用jQuery在带有类
的
div上预
加载
背景
图像
的
最佳方式是什么?
浏览 10
提问于2012-11-07
得票数 0
点击加载更多
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
程序员,一文掌握 Web 应用中的图片优化技巧!
Web前端小白要了解什么 图片优化技巧都有哪些
浅谈 Web 图像优化
标签动态图片的进化:不是GIF,胜过 GIF
如何给网站添加暗黑模式
热门
标签
更多标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
活动推荐
运营活动
广告
关闭
领券