移动桌面的响应式Bootstrap网站中的受害图像文件

Question

我在跟随工具时面临一个有趣的问题：

https://developers.google.com/speed/pagespeed/insights/

我正在使用该工具测试以下网站：

http://bestcastlesintown.co.uk/

一旦结果显示，该工具将以优化的形式发布图形资源，并带有以下链接文本＆＃34;为此页面下载优化的图像，JavaScript和CSS资源。＆＃34;

我从PageSpeed数据洞察工具中的移动视图下载这些图形资源（.jpg），然后将这些资源上传到我的服务器。与在移动视口中观看时一样，这些图像的尺寸为450像素×290像素。

然而，当我在桌面视图中再次运行该工具以获取PageSpeed数据分析时，我发现它的工具仍然告诉我可以对其进行进一步的图像优化.jpg文件。现在当我发现我为这个页面下载优化的图像，JavaScript和CSS资源时。＆＃34; - 图形资源的尺寸为192px x 123px，因为这是在桌面视口上查看时的大小。

我知道这是响应式网页设计技术的结果，因为图像文件使用流畅的CSS布局调整大小，但是有两种方法可以优化两个视口的图像吗？问题是动态调整大小，从桌面转移到移动。