WordPress 网站 博客 图片优化方法

如果你的 WordPress 网站因为高清图片占用大量空间，可以采取以下几种方法来优化和减少存储需求，同时保持图片质量尽量不受影响：

1. 优化图片文件大小

• 压缩图片：使用图片压缩插件自动优化上传到网站的图片大小。
  • 推荐插件：
    • Smush
    • Imagify
    • ShortPixel
  • 这些插件可以批量压缩已有图片，同时支持自动优化新上传的图片。
• 选择合适的图片格式：
  • 将图片转换为更高效的格式，如 WebP，可以减少图片体积但保持质量。
  • 推荐插件：
    • WebP Express

2. 使用外部存储和CDN

• 图片外链存储：
  • 将图片存储到外部平台（如 AWS S3、Google Cloud Storage、阿里云 OSS），通过外链方式加载到网站。
  • 推荐插件：
    • WP Offload Media
• 启用 CDN：
  • 使用内容分发网络（CDN）如 Cloudflare、腾讯云 CDN、七牛云 CDN，既可以减少服务器负载，又能加快图片加载速度。
  • 推荐服务：
    • Cloudflare
    • 腾讯云 CDN
    • 七牛云

3. 删除不必要的图片

• 清理未使用的图片：
  • 长期使用 WordPress 可能积累了大量未使用的媒体文件。
  • 使用插件查找和删除未使用的图片：
    • Media Cleaner
• 限制生成多尺寸图片：
  • WordPress 默认会为每张图片生成多个尺寸，许多可能用不到。
  • 方法：在后台设置中减少图片尺寸数量。
    • 设置 > 媒体 中将不需要的尺寸设置为 0。

4. 懒加载图片

• 使用懒加载功能，延迟加载不在可见区域的图片，可以减少页面加载时的带宽需求。
  • 推荐插件：
    • Lazy Load by WP Rocket

5. 批量处理现有图片

• 如果图片库已经很大，可以使用以下工具进行批量优化：
  • 本地处理：
    • 下载图片到本地，用工具（如 ImageOptim 或 TinyPNG）压缩后重新上传。
  • 在线优化：
    • Kraken.io
    • TinyPNG

6. 控制图片上传规则

• 教育团队成员在上传图片时，先压缩优化图片再上传。
• 设置上传图片的文件大小限制，避免上传超大文件。

通过以上方法，可以有效减少图片占用的存储空间，同时提升网站的性能。

在 WordPress 中限制生成多尺寸图片，可以通过修改后台设置或直接编辑主题配置文件来实现。以下是具体的操作步骤：

方法 1：通过后台设置修改图片尺寸

1. 进入设置界面：
   • 登录 WordPress 后台。
   • 在左侧菜单中，导航到 设置 > 媒体。
2. 调整媒体尺寸：
   • 你会看到默认的三个尺寸设置：
     • 缩略图大小（Thumbnail size）
     • 中等大小（Medium size）
     • 大尺寸（Large size）
   • 将不需要的尺寸设为 0。
     • 例如：
       • 缩略图大小：宽度和高度设为 0。
       • 中等大小：宽度和高度设为 0。
       • 大尺寸：宽度和高度设为 0。
3. 保存设置：
   • 点击页面底部的 保存更改 按钮。

方法 2：编辑主题的 functions.php 文件（更灵活）

1. 打开主题编辑器：
   • 登录 WordPress 后台。
   • 在左侧菜单中，导航到 外观 > 主题文件编辑器。
   • 找到 functions.php 文件（通常在右侧文件列表中）。
2. 添加代码来禁用默认尺寸：
   • 将以下代码添加到 functions.php 文件中：
     php

     复制代码

     // 禁用默认的 WordPress 图片尺寸
function disable_default_image_sizes($sizes) {
unset($sizes['thumbnail']); // 禁用缩略图
unset($sizes['medium']); // 禁用中等大小
unset($sizes['large']); // 禁用大尺寸
unset($sizes['medium_large']); // 禁用中等大尺寸
unset($sizes['1536x1536']); // 禁用 2x 尺寸
unset($sizes['2048x2048']); // 禁用 2x 尺寸
return $sizes;
}
add_filter('intermediate_image_sizes_advanced', 'disable_default_image_sizes');// 禁用其他尺寸
     function remove_custom_image_sizes() {
     remove_image_size('custom-size'); // 如果有自定义尺寸可以在此禁用
     }
     add_action('init', 'remove_custom_image_sizes');

3. 保存更改：
   • 点击 更新文件 按钮。

方法 3：检查主题或插件是否生成额外尺寸

一些主题或插件可能会生成额外的图片尺寸，可以用以下方法处理：

1. 查看额外图片尺寸：
   • 使用插件如 Regenerate Thumbnails 或 Simple Image Sizes 查看和管理生成的图片尺寸。
2. 禁用不需要的尺寸：
   • 如果插件或主题生成额外尺寸，检查它们的设置页面，一般可以直接禁用不需要的尺寸。

转载请注明：日记男孩的博客 » WordPress 网站 博客 图片优化方法