Php 在Wordpress上调整图像大小并填充背景

我有各种尺寸的图像。我也有各种容器来放置这些图像

示例：我有680 x 1024个图像，它将放置在500x500容器上而不进行裁剪

所以我想我需要用容器大小来构建图像，而不是把调整大小的图像放在上面

我期望的结果是这样的

还是这个

---

在PHP或wordpress上实现这一点的最佳方法是什么？

在wordpress中，只需使用它们的image\u resize函数即可

image_resize( $file, $max_w, $max_h, $crop, $suffix, $dest_path, $jpeg_quality );

您可以在其中设置文件、容器的宽度、容器的高度和false（根据需要调整大小，而不是裁剪）。其他文件是可选的，如果您对新文件目标、名称或质量有特殊需要，则应填写这些文件。如果您输入的所有内容都正确，则函数应返回新调整大小图像的路径

---

请注意，使用WordPress，您实际上可以在上载图片时自动执行此操作，因此稍后您只需检索已调整大小的图片-查看功能。

我编写了一个插件，目前位于WordPress插件库中：

该插件能够覆盖默认的WorpAddress行为并禁用croping图像，但尝试调整图像大小以适应矩形容器大小，并用背景色填充空间。您还可以选择要使用的背景色

---

您可以编写一个简单的Js文件来实现这一点

我以前做过这样的事；所以基本上你要比较容器中图像的高度和宽度。然后，如果高度大于宽度，则将高度设置为500px，并将宽度设置为自动

否则，如果宽度大于高度，则将宽度设置为500px，高度设置为自动

否则将宽度和高度设置为500px

---

在css中，将容器垂直对齐设置为中间对齐，将文本对齐设置为中心对齐，这样就可以了

您还可以尝试使用一个简单的timthumb库来调整任意大小的图像

请在此处检查timthumb库代码：

---

有几种方法可以实现这一点。如果图像大小大致合适，javascript/php的一种替代方法就是使用CSS，特别是CSS

包含

此关键字指定背景图像应缩放为尽可能大，同时确保其尺寸小于或等于背景定位区域的相应尺寸

你可以随时尝试

请记住，虽然IE8及以下版本不支持，但大多数情况下都支持这一点。如果你担心IE用户的话，我相信会有一些问题

此解决方案仅在您上载的图像接近显示的大小时才是理想的。由于几个不同的原因，不建议尝试对宽度/高度超过3000像素的图像执行此操作

---

在这种情况下，您应该首先在PHP中收缩它们。如果您通过Wordpress上传图像，那么您可以在

functions.php中使用，并且图像在上传时会自动调整大小。或者，您也可以在PHP中手动执行此操作，并且有大量关于如何执行此操作的教程。我只需在html中搜索
PHP图像大小
，其中包含

我想你最好在wordpress支持论坛上问这个问题：-wordpress图像大小调整功能的文档在这里：用JavaScript执行此操作可以是另一种选择。为什么这不是谷歌搜索“wordpress resize”时显示的第一个链接？？我已经找了两天了！谢谢非常感谢，这正是我想要的。@Jeg Bagus有没有计划维护这个插件？
<img src="imageNamw.jpg" alt="imageAlt" width="100%" />