WordPress后台媒体图片缩略图指定高宽度，配合阿里云OSS对象储存使用

WordPress后台上传大量图片后打开媒体图片加载不仅缓慢而且还很耗流量，都知道流量费很贵，土豪和并未使用第三方对象储存的同学可以忽略本教程。

1、找到网站根目录 wp-includes/media-template.php 文件

<img src="{{ data.size.url }}" draggable="false" alt="" />

<img src="{{ data.size.url }}?x-oss-process=image/resize,m_pad,w_140,h_140,color_f2f5fd/format,webp"/>

选择特色图片时

<img src="{{ data.size.url }}" draggable="false" alt="" />

<img src="{{ data.size.url }}?x-oss-process=image/resize,m_lfit,w_120/format,webp"/>

<img class="details-image" src="{{ data.sizes.large.url }}" draggable="false" alt="" />

<img class="details-image" src="{{ data.sizes.large.url }}?x-oss-process=image/resize,m_pad,w_140,h_140,color_f2f5fd/format,webp"/>

<img class="details-image icon" src="{{ data.icon }}" draggable="false" alt="" />

<img class="details-image icon" src="{{ data.icon }}?x-oss-process=image/resize,m_pad,w_140,h_140,color_f2f5fd/format,webp"/>

大图

<img class="details-image" src="{{ data.sizes.full.url }}" draggable="false" alt="" />

<img class="details-image" src="{{ data.sizes.full.url }}?x-oss-process=image/resize,m_lfit,w_900/format,webp" draggable="false" alt="" />

这里的参数只适合阿里云OSS，其他服务商的自行设置，另外此方法只对图集模式有效，列表页修改请查看该文章：WordPress后台媒体列表图片缩略图指定高宽度及文章内页相册图片裁剪