自动缩放 WordPress 图像
Automatic scaling of WordPress images
我刚刚安装了自托管 WordPress.org 安装,并从现有 WordPress.com 博客导入了内容。它运行良好,除了一件事。
旧博客的图片很大。它们中的大多数是 5-10 MB,它们在博客上以完整尺寸显示,只是按比例缩小 css,使网站非常慢。即使在 WP Admin 的媒体库中,缩略图也是完整尺寸原始图像的 css 缩放版本。
我以为可能是导入没有缩放什么的,但是我上传的新图片也有同样的问题。在 WordPress.com 安装中,我看到图像是使用图像 urls 中的查询参数缩放的,例如 ...jpg?w=720&h=426&crop=1 (在 wp 管理和前端中) .在我刚刚设置的自托管(WP 4.3)安装中,这些查询参数没有添加到 urls,如果我尝试直接打开图像并手动将这些参数添加到 url , 它不会缩小图像。
我找到了一堆图像优化插件,但它们只是采用全尺寸图像并去除信息,设置更高的 jpg 压缩或其他方法将文件大小降低几个百分点。那不是我想要的。我希望原始的全尺寸图像在那里用于各种未来用途(比如如果我将主题更改为需要显示更大图像的东西)然后我希望系统按需扩展,如 WordPress.com 安装中所述。
如何才能像在 WordPress.com 上一样在自托管网站上进行扩展?
WordPress 默认包含多种预设尺寸(全尺寸、中型、缩略图)。您必须返回 pages/posts 并用其中一种替代尺寸替换原尺寸图像:
- 打开页面或Post
- 点击图片更新
- 单击铅笔图标 "Edit"
- 在 "Display Settings" 下更改 "Size" 下拉选项
- 单击 "Update" 按钮
如果您喜欢普通 WP 安装未提供的特定尺寸,您可以在主题的 functions.php
文件中自定义尺寸:
add_image_size( 'Give A Name', 800, 600, true );
其中 Give A Name
是尺寸的标识名称,800
是像素宽,600
是像素高,true
是是否硬裁剪(true
) 或在维度内缩放 (false
).
一个很棒的插件是 Regenerate Thumbnails,如果您调整尺寸,它可以为您处理单调的重新裁剪任务。
好的,我找到了解决办法,服务器上没有安装php5-gd。奇怪,因为它是安装了 WP 的预定义 Digital Ocean Droplet。
奇怪的是 WordPress 没有通知它丢失,因为它使整个博客无法使用,媒体库几乎杀死了浏览器。
我刚刚安装了自托管 WordPress.org 安装,并从现有 WordPress.com 博客导入了内容。它运行良好,除了一件事。
旧博客的图片很大。它们中的大多数是 5-10 MB,它们在博客上以完整尺寸显示,只是按比例缩小 css,使网站非常慢。即使在 WP Admin 的媒体库中,缩略图也是完整尺寸原始图像的 css 缩放版本。
我以为可能是导入没有缩放什么的,但是我上传的新图片也有同样的问题。在 WordPress.com 安装中,我看到图像是使用图像 urls 中的查询参数缩放的,例如 ...jpg?w=720&h=426&crop=1 (在 wp 管理和前端中) .在我刚刚设置的自托管(WP 4.3)安装中,这些查询参数没有添加到 urls,如果我尝试直接打开图像并手动将这些参数添加到 url , 它不会缩小图像。
我找到了一堆图像优化插件,但它们只是采用全尺寸图像并去除信息,设置更高的 jpg 压缩或其他方法将文件大小降低几个百分点。那不是我想要的。我希望原始的全尺寸图像在那里用于各种未来用途(比如如果我将主题更改为需要显示更大图像的东西)然后我希望系统按需扩展,如 WordPress.com 安装中所述。
如何才能像在 WordPress.com 上一样在自托管网站上进行扩展?
WordPress 默认包含多种预设尺寸(全尺寸、中型、缩略图)。您必须返回 pages/posts 并用其中一种替代尺寸替换原尺寸图像:
- 打开页面或Post
- 点击图片更新
- 单击铅笔图标 "Edit"
- 在 "Display Settings" 下更改 "Size" 下拉选项
- 单击 "Update" 按钮
如果您喜欢普通 WP 安装未提供的特定尺寸,您可以在主题的 functions.php
文件中自定义尺寸:
add_image_size( 'Give A Name', 800, 600, true );
其中 Give A Name
是尺寸的标识名称,800
是像素宽,600
是像素高,true
是是否硬裁剪(true
) 或在维度内缩放 (false
).
一个很棒的插件是 Regenerate Thumbnails,如果您调整尺寸,它可以为您处理单调的重新裁剪任务。
好的,我找到了解决办法,服务器上没有安装php5-gd。奇怪,因为它是安装了 WP 的预定义 Digital Ocean Droplet。
奇怪的是 WordPress 没有通知它丢失,因为它使整个博客无法使用,媒体库几乎杀死了浏览器。