如何为缩放图像提供服务器?

时间:2018-12-27 作者:Craig

我在一个电子商务网站上工作,WooCommerce为购物提供了动力。

该网站的页脚中有一个“最新评论”小部件。除了评论本身,它还显示了一个小的30px×30px的产品缩略图。此缩略图取自较大的600px×600px产品图像,并相应缩小。

在使用第三方工具执行审计后,它强调我应该为缩略图上载一个30px x x 30px的图像,而不是使用缩小的版本。

首先,这是否需要用WordPress进行修改,或者这更像是WooCommerce的问题?如果可以在WordPress内达成解决方案,那么需要采取什么行动?

4 个回复
SO网友:Pratik bhatt

我认为您需要更改wordpress media选项缩略图的图像大小,请检查所附图像的大小。

enter image description here

或者,您可以从wordpress管理面板的customizer中选择woocommerce产品图像大小

enter image description here

如果有用,一定要告诉我

SO网友:Tejas Gajjar

您可以按照此步骤设置缩略图woocommerce大小

转到“外观”>“自定义”产品图片产品图像,在“缩略图宽度”字段中填写所需的宽度

  • 您可以在“缩略图裁剪”中设置图像的高度,单击“发布”让我知道结果。

  • SO网友:cjbj

    正如其他答案所指出的,WordPress和WooCommerce中都有几个地方允许您指定图像尺寸(步骤1)。哪一个可行,取决于小部件尝试使用哪一个。

    下一步(步骤2),取决于小部件的组织方式html 它要么只指定特定图像,要么指定整个scrset,让浏览器根据屏幕大小和css决定加载哪个图像维度。后者是最可能的选择。然而,也有可能,尽管不太可能,您的小部件只是一直加载原始版本,而不需要重新确定尺寸。

    然后(步骤3),仅仅因为小部件告诉浏览器加载具有特定尺寸的图像并不意味着特定图像存在。更准确地说,上传时会生成多个版本的图像,具体取决于当时定义的图像大小。如果稍后更改尺寸(如步骤1所示),则不会生成新图像,因此不存在具有新指定宽度和高度的图像。浏览器将采用最近的可用浏览器。有插件(example) 这将贯穿所有图像,使具有新尺寸的版本可用。

    SO网友:koenHuybrechts

    您可以使用srcset attribute 让浏览器帮助您获得图像的优化版本。必须在模板中使用srcset。我们将其与Imagify 为浏览器提供最佳图像。

    相关推荐

    https images not displaying

    Setup嗨,伙计们!我有个奇怪的问题。我正在使用安装了ssl证书的wordpress Premium BeTheme。Problem问题是,虽然图像是用https上传到网站上的,但它们没有显示出来。如果我手动将图像的URL从https切换到http,它们就会开始显示。What I have done?我尝试过在internet上卸载ssl证书和几乎所有的解决方案,但都没有解决。Here is the URL of the website : https://uptimeelite.com/