如何解决显示数据大小不合适的图像的问题:image / gif; base64

问题描述

我注意到灯塔在说我正在显示的图像大小不适合data:image / gif; base64,此图像是由Materialize滑块生成的,显示大小为381x655,实际大小为1x1,预期大小1143 x 1965,我可以看到lighouse解释了如何使用原始图像解决此问题,但是我找不到如何为data:image / gif;由Materialize生成的base64生成的图像解决这个问题我的意思是这是设置jQuery或CSS还是还有其他方法

解决方法

看着你的问题,我想解决方案是

<img srcset="image_1143x1965.jpg 2x,image_381x655.jpg 1x" src="image_default.jpg" />


            

对此的解释可以在https://html.com/attributes/img-srcset/

中找到