将图像调整到编辑器中使用的实际大小？

Question

是否有一种方法来调整图片的大小到实际大小，它们将显示在文章中？我有用户导入一个大图像，然后在可视化编辑器中调整它的大小。这很容易，因为他们只需拖动图像直到图像大小，而无需首先打开图像编辑器、调整图像大小、保存图像并将其作为单独的附件上载。当然，这有时会产生一个100 in宽的图片，但实际上是1500 in。

在保存新帖子时，是否有这样的插件？我希望保留现有的全尺寸图像(用于链接，或稍后调整大小)，但只需添加一个额外的大小(并将其保存在_wp_attachment_metadata对象中)，因此这个帖子具有正确大小的图像，以及对全尺寸附件的引用。

当然，所有现有的职位也应该只处理一次。<img>标记可能只有一个width，一个height，或者一个都没有:这一切都应该被清理，所以它们都有正确的width、height和这样的图像。

Answer 1

我创建了两个插件，可以一起解决我的需求。他们目前处于早期alpha阶段，欢迎所有评论。

基本插件是一个按需式Resizer。此插件监视上传dir中不存在文件的请求，并在需要时创建所请求大小的图像。例如，image-200x100.jpg将创建并返回image.jpg，但将大小调整为200×100像素。图像由目录中的名称保存，因此进一步的请求由服务器直接处理。

第二个插件调整img标签的大小修改<img>标记，以便它们的src属性包括宽度和/或高度数据。这允许第一个插件提供正确的图像。他们一起做我想做的事情，我只需要创建一个运行一次的函数来转换所有现有的帖子，但是这应该很容易(我不想因为应该只运行一次的东西而连接到the_content )。

第三个“额外”插件虚拟中间图像在WordPress中上传新图像时拦截中间图像的创建。因为如果请求，它们仍然由第一个插件创建，这允许您指定多个映像大小，而不占用磁盘空间，除非实际使用它们。这对于第一个用户来说并不是必需的，但这是一个简单的添加，它突出了一个事实，即我仍然需要在WordPress图像编辑器中工作，但是当我创建我的缩略图编辑时，它也将使用第一个插件。

Answer 2

我在插件目录中搜索了"resize"或"crop" (后者用于另一个问题)，并在公开的谷歌电子表格中记录了我的发现。插件搜索的结果数字非常混乱( "resize"搜索的最后一页显示了273个插件中的145-150个)，所以我可能遗漏了几个插件。半相关的注释:似乎每个人都认为世界需要另一个幻灯片插件。似乎很少有人意识到，content_save_pre可能是一个比the_content__更好的过滤器来进行大量的解析。

我还没有测试这些插件中的任何一个，但是这里有一个插件列表，这些插件似乎可以做我想做的事情。我在括号中添加了“兼容最多”版本号。

• 选择裁剪图像杂凑器，具有通过API (3.0.1)访问的多个图像处理功能
• AutoThumb，将URL重写到使用phpThumb的处理程序(2.9.2)
• 图像符号链接，通过一个特殊的[img]短代码(2.9.2)
• COM_调整尺寸，将URL重写到使用phpThumb的处理程序，也是外部图像(2.6)
• ImageScaler，在需要时创建新的大小，并在图像中更改URL (2.3)
• ImageScaler调制，略为修改版本的ImageScaler (2.3.1)

个人想法:前四个人用不同形式的缓存将URL重写到动态页面(类似于/wp-content/plugins/my-plugin/image.php?src=[original src]&w=100&h=50)。我更喜欢根据需要创建的真实图像，类似于ImageScaler所采用的方法。但是，我会将其分割开来(并将hakre的建议包含在注释中)，首先将所有URL从/wp-content/uploads/2010/11/image.jpg重写到/wp-content/uploads/2010/11/image-100x50.jpg，然后让脚本创建缺失的图像。对此映像的第一个请求创建图像，所有后续请求都使用此创建的映像。这也允许我将功能划分为不同的插件。我将把这个解决方案放在一个单独的答复中。

这些插件将图像限制在一定的最大大小(这与指定$content_width有什么不同？)：

• JP-重新设计-图片，检查热链接图像和超大图像(只有当它们太大，而不是它们只是调整大小时) (3.0.1)
• 饥饿图像拟合，检查过大的图像(3.0.0)

由于其他原因，下面的插件很有趣：

• TimThumb与TinyMCE相遇，在TinyMCE编辑器中包括一个手动调整大小的按钮(2.8.4)

这是一个社区Wiki的帖子，所以如果你发现新的插件，它可以被更新。

Answer 3

如何利用时间拇指和传递变量自动更改图像大小/尺寸和缩放级别？这样，原来的图像大小仍然可以保持。如果您需要这一行的例子，请告诉我。