Question

我在此网站上传的图片中始终遇到质量低劣的问题：http://www.rfm-inc.com。

特别是主页上的滑块图片。

当我检查时，我发现了一些HTML。

<img src="http://rfm-inc.com/wp-content/uploads/2016/10/Windmill2-1140x713.jpg" alt="windmill2" width="1140" title="Our machines. Our team. Your big ideas." class="woo-image slide-image" draggable="false">

Wordpress似乎正在绘制与原始图像不同的图像（位于“http://rfm-inc.com/wp-content/uploads/2016/10/Windmill2.jpg”。

当我将检查器文本更改为此时，它可以正常工作。

我想完全关闭此功能，并且仅依靠我的Photoshop和CSS技能来获得所需的结果。

任何人都知道怎么做？

谢谢！

Answer 1

当您上传图像时，WP会自动保存原始文件，并且还会创建一系列不同大小的缩略图。这些较小的图像将在需要时用于您的主题模板，以便每次加载最佳尺寸的图像并提高网站的加载速度。

默认情况下，WordPress保存“完整”大小，“大”，“中”和“缩略图”，您可以通过设置 - ＆gt;控制这些大小的px大小。媒体。

现在说到你看到一些像素化图像的原因是因为你的主题正在加载WP生成的缩略图，其尺寸太小。为了更改它，您需要稍微修改您的代码，以告诉WordPress加载哪个图像大小。您可以在此处阅读有关WP函数的更多信息，以检索不同生成大小的图像：https://developer.wordpress.org/reference/functions/wp_get_attachment_image

Answer 2

我明白了。基本上，我的主题（WooThemes主题为“度假村”）中有一个名为“featured-slider.php”的文件。那里有一行代码设置如下：

$image = woo_image( 'width=1440&noheight=true&class=slide-image&link=img&return=true' );

我把它改成了这个：

$image = woo_image( 'width=2160&noheight=true&class=slide-image&link=img&return=true' );

现在我需要弄清楚如何使用CSS将图像裁剪到不同的高度，但至少该部分结束了。

感谢Guillermo等人

Wordpress正在自动调整图像大小 - 如何关闭它？

2 个答案: