生成图像维度似不匹配大小属性
Hi,我正在搭建网站使用Next.js使用云化服务图片我正在使用ext/image并可以看到srcset设置1632486496128256384640内置图像属性我正在使用g_auto,f_auto,c_fill,w_XXX,q_auto:best.
我想知道为什么返回固有大小似乎与我输入请求大小无关大小数属性化输入单值大小数属性测试目的例举 :
大小表示12px返回32wsrc大小表示20px返回48wsrc继续所有大小并发src系统变换似无关断点我以为我找到了中断点模式src系统s, retina(2x宽度)从接近下方大小到接近上方大小256w模式破解src系统.
内含测试表显示请求大小 返回大小 猜图模式
如何预测服务大小这使网站加载比需要大得多文件级数,页面速度和性能分数下降
谢谢 理查
0
最佳回答
-
Hi校对:Portnoy,
行为观察与浏览器解释srset和session属性和图像变换相关联。图像标签中的srsset属性向浏览器提供不同图像源列表,每个图像源都有指定的宽度大小属性表示图像布局大小CSS像素向浏览器提示以决定使用哪个图像源
用户定义值时,浏览器根据当前布局大小(Viewport)和屏幕密度选择最合适的源文件浏览器不一定选择匹配批量像素的图像取而代之的是,它试图求取图像文件大小与显示质量之间的平衡
浏览器决定切换不同图像源的断点不由我们确定,而由浏览器内部逻辑确定。逻辑可因浏览器不同而异并设计优化图像质量与带宽使用之间的取舍
或调整变换参数以更好地适应你的具体需求
最优
塔马拉
0
答案解析
-
感谢Tamara
有用知道,其实我什么也做不了, 我可能得调整参数 而不是维度 才能小化文件
理查
0
