如何提供缩放图像但在缩略图中显示完整图像（Wordpress）

Question

我正在开发一个网站，我对这一切都很陌生，所以请原谅我，如果我犯了任何错误，我只是通过google pagespeed运行我的网页，它说我需要通过正确格式化和压缩来优化我的图像他们，但我已经在上传前压缩我的图像以节省带宽，所以我遇到的真正麻烦是根据屏幕保护设备的屏幕尺寸提供缩放的图像大小。我猜我的缩略图显示的是完整的图像尺寸（但只是更小，因此它符合屏幕尺寸），我不希望这种情况发生，你对我有什么建议/解决方案吗？

                                    <?php if (  (function_exists('has_post_thumbnail')) && (has_post_thumbnail())  ) { ?>

                                        <a href="<?php the_permalink() ?>" rel="bookmark"title="<?php the_title(); ?>"><?php the_post_thumbnail('post-thumb'); ?></a>

                                    <?php } ?>

                                </div><!--blog-layout2-img-->

Answer 1

嗯，实际上你正在做的是一种好方法，或者可能是进行缩略图整合的最佳方式。您可以在网站的配置部分中定义缩略图大小，您可能已经注意到了。您可以将它们设置得更小，因为它们只是缩略图。

如果您应该已经更改了缩略图大小，则应该重新生成缩略图，因为如果旧的缩略图仍然存在，WordPress将不会这样做。最简单的方法是使用the Regenerate Thumbnails plugin，它可以自动对所有文件执行此操作。

另一方面，我喜欢在我的网站中使用the EWWW Image Optimizer。这通常会在上传后自动缩小文件，谷歌到目前为止对此非常满意。