如何提供缩放的图像，但在缩略图中显示完整图像(Wordpress)

Question

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

                                    <?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不会这样做。最简单的方法是使用"重新生成缩略图"插件，它可以自动对所有文件执行此操作。

另一方面，我喜欢在我的网站中使用 EWWW 图像优化器。这通常会在上传后自动缩小文件，到目前为止，Google对此非常满意。