我正在尝试优化我们网站上的响应图像。我们使用WordPress。并非所有图像缩略图都会生成，因为纵横比需要与原始图像成比例。

我们的一些图像没有在chrome中渲染，而chrome选择了400w的图像。但在Firefox和Safari上运行良好，它选择渲染500w图像。

这是PHP代码

<img class="responsive-images"
     srcset="<?php echo esc_attr($imageSrcset); ?>"
     sizes="(min-width: 768px) 15vw, 50vw"
     src="<?php echo $image[0]; ?>"
     alt="responsive-image">, who is speaking at HLTH">

<img class="responsive-images"
     srcset="example.com/img-200.png 200w,
             example.com/img-350.png 350w,
             example.com/img-400.png 400w,
             example.com/img-500.png 500w,
             example.com/img-700.png 700w,
             example.com/img-800.png 800w,
             example.com/img-1000.png 1000w"
     sizes="(min-width: 768px) 25vw, 50vw"
     src="example.com/img.png"
     alt="responsive-image">

非常感谢。