Css flexbox和google pagespeed insights图像优化有冲突吗？

我尝试使用PageSpeedInsights优化页面上的图像，目前有3个图像需要优化。但谷歌提供了一些奇怪的图片。它们在优化后改变了形状，即使我设置了图像的宽度和高度以及样式。。。如果我从父块中删除flex，google会提供普通图像，这是什么问题

flex block i中的Fo示例有一个p和img：

<div class="flexBlock">
<p>...</p>
<img src="/images/001Polotencesysh/colori-ral.jpg" width="250" height="250" 
style="width: 250px; height:250px; flex-basis: 250px;">
</div>

.flexBlock {
display: flex;
align-items: center;
}

.柔性块{
显示器：flex；
对齐项目：居中；
}

压缩前后的图像：

---

弹性物品的初始设置为

flex-shrink:1

。这意味着允许物品收缩

---

要禁用此功能，请在内联样式中添加

flex-shrink:0

。

但为什么google page speed insights上的图像优化器更关注样式而不是图像的实际外观及其大小？他们会纠正这种行为吗？